Using insertAdjacentHTML instead of innerHTML to avoid XSS attacks
Using insertAdjacentHTML is a great way to dynamically insert HTML while being more cautious about XSS vulnerabilities. Here’s how you can create and insert the table using insertAdjacentHTML : HTML Setup First, ensure you have an empty container in your HTML where the table will be inserted: <div id="table-container"></div> JavaScript to Insert the Table const tableHTML = ` <table border="1"> <tr> <th>Static Properties</th> <th>Instance Properties</th> </tr> <tr> <td>Defined on the class itself</td> <td>Defined on each instance of the class</td> </tr> <tr> <td>Accessed using <code>ClassName.propertyName</code></td> <td>Accessed using <code>instance.propertyName</code></td> </tr> <tr> <td>Shared across all instances</td> ...