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>