JSFiddle - React, Tailwind, and code Playground

by Barbara Laird

HTML

<table id="myTable" border="1">
<tr>
<td>First Name</td>
<td>Last Name</td>
<td>Email Address</td>
</tr>
</table>

JavaScript

function addressBookItem (fname, lname, email) {
    this.fname= fname;
    this.lname = lname; 
    this.email = email;
}

addressBookItem.prototype.write = function() {

    var table=document.getElementById("myTable");
    var row=table.insertRow(-1);
    var cell1=row.insertCell(0);
    var cell2=row.insertCell(1);
    var cell3=row.insertCell(2);

    cell1.innerHTML=this.fname;
    cell2.innerHTML=this.lname;
    cell3.innerHTML=this.email;

}

   var aB1 = new addressBookItem('Roger', 'Williams', '[email protected]');
    var aB2 = new addressBookItem ('Rose', 'Schultz', '[email protected]');
    aB1.write();
    aB2.write();