HTML, CSS, JS

madlibss

fork
loading
Files
  • index.html
  • script.js
  • style.css

This Plugin Crashed!

Error: Error: must not create an existing file {"type":"CREATE_FILE","wid":"0.0927992616412312","path":"index.html","file":{"path":"index.html","content":{"asEncoding":{"base64":"PCFET0NUWVBFIGh0bWw+CjxodG1sPgogPGhlYWQ+CiAgPG1ldGEgY2hhcnNldD0idXRmLTgiIC8+CiA8L2hlYWQ+CiA8Ym9keT4KIAogICAgPGgxPk1hZCBMaWJzPC9oMT4KICAgICAKICAgIDx1bD4KICAgICAgPGxpPk5vdW46IDxpbnB1dCB0eXBlPSJ0ZXh0IiBpZD0ibm91biI+PC9saT4KICAgICAgPGxpPkFkamVjdGl2ZTogPGlucHV0IHR5cGU9InRleHQiIGlkPSJhZGplY3RpdmUiPjwvbGk+CiAgICAgIDxsaT5TZWNvbmQgTm91bjogPGlucHV0IHR5cGU9InRleHQiIGlkPSJub3VuMiI+PC9saT4KICAgICA8bGk+U2Vjb25kIEFkamVjdGl2ZTogPGlucHV0IHR5cGU9InRleHQiIGlkPSJhZGplY3RpdmUyIj48L2xpPgogICAgICAgIDxsaT5WZXJiOiA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9InZlcmIiPjwvbGk+CiAgICA8L3VsPgogICAgIAogICAgPGJ1dHRvbiBpZD0ibGliLWJ1dHRvbiI+SGl0IG1lLiBJIGRhcmUgeW91ITwvYnV0dG9uPgogICAgICAKICAgIDxwPkdlbmVyYXRlZCBzdG9yeTogCiAgICA8c3BhbiBpZD0ic3RvcnkiPjwvc3Bhbj4KICAgIDwvcD4KICA8c2NyaXB0IHNyYz0ic2NyaXB0LmpzIj48L3NjcmlwdD4KIDwvYm9keT4KPC9odG1sPg=="},"asBuffer":null},"loaded":true}}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
 </head>
 <body>
 
    <h1>Mad Libs</h1>
     
    <ul>
      <li>Noun: <input type="text" id="noun"></li>
      <li>Adjective: <input type="text" id="adjective"></li>
      <li>Second Noun: <input type="text" id="noun2"></li>
     <li>Second Adjective: <input type="text" id="adjective2"></li>
        <li>Verb: <input type="text" id="verb"></li>
    </ul>
     
    <button id="lib-button">Hit me. I dare you!</button>
      
    <p>Generated story: 
    <span id="story"></span>
    </p>
  <script src="script.js"></script>
 </body>
</html>
result
console