Inline click handler

Example of something to avoid

by housecor

HTML

<h1>Cars</h1>
<table>
    <thead>
    <tr>
        <th>Make</th>
        <th>Model</th>
    </tr>
    </thead>
    <tbody id="cars"></tbody>
</table>

JavaScript

var cars = [{ make: 'Ferrari', model: 'F355'}, {make: 'Aston Martin', model: 'DB9 Vantage'}];

var tbody = document.getElementById('cars');

var carRows = '';

for (var i = 0; i < cars.length; i++) {
    carRows+= '<tr><td>' + cars[i].make + '</td><td>' + cars[i].model + '</td></tr>';
}

tbody.innerHTML = carRows;