JSFiddle - React, Tailwind, and code Playground

by Littledoggy12

HTML

<html>
  <head>
    <title>Math agenda</title>
  </head>
  <body>
    <h1>
      Math hw:
    </h1>
    <ul>
      <li id = "item 1"></li>
      <li id = "item 2"></li>
      <li id = "item 3"></li>
      <li id = "item 4"></li>
      <li id = "item 5"></li>
    </ul>
    <hr>
    <button id = "change list">
      Add HW
    </button>
  </body>
</html>

CSS

.font

JavaScript

var item1;
var item2;
var item3;
var item4;
var item5;

document.getElementById("change list").onclick = newlist;

function newlist() {
	item1 = prompt("Enter first line:");
  item2 = prompt("Enter second line:");
  item3 = prompt("Enter third line:");
  item4 = prompt("Enter fourth line:");
  item5 = prompt("Enter fifth line:");
  updatelist();
}

function updatelist() {
	document.getElementById("item 1").innerHTML = item1;
  document.getElementById("item 2").innerHTML = item2;
  document.getElementById("item 3").innerHTML = item3;
  document.getElementById("item 4").innerHTML = item4;
  document.getElementById("item 5").innerHTML = item5;
}