create

5 years ago · 9817331cfc
commit 9817331cfc
2 changed files with 39 additions and 0 deletions
--- a/app.js
+++ b/app.js
@ -0,0 +1,27 @@
 document.querySelector('button').addEventListener('click', () => {
    const newRow = document.createElement('tr')
    const initiative = document.createElement('td');
    const initiativeInput = document.createElement('input');
    initiativeInput.setAttribute('type', 'number');
    initiativeInput.setAttribute('placeholder', 'initiative');
    initiative.appendChild(initiativeInput);
    const name = document.createElement('td');
    const nameInput = document.createElement('input');
    nameInput.setAttribute('type', 'text');
    nameInput.setAttribute('placeholder', 'name');
    name.appendChild(nameInput);
    const notes = document.createElement('td');
    const notesInput = document.createElement('textarea');
    notesInput.setAttribute('placeholder', 'notes');
    notes.appendChild(notesInput);
    newRow.appendChild(initiative);
    newRow.appendChild(name);
    newRow.appendChild(notes);
    document.querySelector('table').appendChild(newRow);
 })
--- a/index.html
+++ b/index.html
@ -0,0 +1,12 @@
 <!DOCTYPE html>
 <html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <table></table>
        <button>New Creature</button>
        <script src="app.js" charset="utf-8"></script>
    </body>
 </html>