JSFiddle - React, Tailwind, and code Playground

by jfreiheit

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML ändern</title>
</head>
<body>
<input id="input" placeholder="neues Item" onchange="addItem(this)"/>
<ul id="ul1">
    <li>erstes</li>
    <li>zweites</li>
</ul>
</body>
</html>

JavaScript

function addItem(inputEl)
{
  let text = inputEl.value;
  inputEl.value = "";
  let textNode = document.createTextNode(text);
  let liNode = document.createElement('li');
  liNode.appendChild(textNode);
  let ulNode = document.getElementById('ul1');
  ulNode.appendChild(liNode);
}