JSFiddle - React, Tailwind, and code Playground

by Kanatantsin

HTML

<head>
  <title></title>
</head>

<body>
  <h1 id="MyName">
    Константин
  </h1>
  <hr>
  <em>
<p id="AboutMe">
  Разработка динамических веб-страниц с помощью JavaScript и HTML начата!
</p>
</em>
  <hr>
  <h2>
    Мои увлечения
  </h2>
  <p>
    Больше всего в жизни я люблю:
  </p>
  <ul>
    <li id="firstThing">Работать</li>
    <li id="secondThing">Узнавать новое</li>
    <li id="thirdThing">Любить</li>
  </ul>

  <button id="changeList" type="button">
  Изменить список
  </button>
</body>

JavaScript

var item1;
var item2;
var item3;

document.getElementById("changeList").onckick = newList;

function newList() {
  item1 = prompt("Введите первый элемент: ");
  item1 = prompt("Введите второй элемент: ");
  item1 = prompt("Введите третий элемент: ");
  updateList();
}

function updateList() {
  document.getElementById("firstThing").innerHTML = item1;
  document.getElementById("secondThing").innerHTML = item2;
  document.getElementById("thirdThing").innerHTML = item3;
}

/*var item1;
var item2;
var item3;

document.getElementById("changeList").onclick = newList;

function newList() {
    item1 = prompt("Enter a new first thing: ");
    item2 = prompt("Enter a new second thing: ");
    item3 = prompt("Enter a new third thing: ");
    updateList();
}

function updateList() {
    document.getElementById("firstThing").innerHTML = item1;
    document.getElementById("secondThing").innerHTML = item2;
    document.getElementById("thirdThing").innerHTML = item3;
}
*/