Почему при создании нового элемента мне выдает undefined?

Question

[bach1]

let inp = document.getElementsByTagName("input").value;
let btn = document.getElementsByTagName('button');
let ulList = document.getElementById('list');
let li = document.createElement("li");
let txt = document.createTextNode(inp);

btn[0].onclick = function() {
    li.appendChild(txt);
    ulList.appendChild(li);
}

Comments

[lUser L]

bach1 Не пишите транслитом и отредактируйте заголовок вопроса

Answer 1

[Тигран Абрамян]

let inp = document.querySelector("input").value;
let btn = document.querySelector("button");
let ulList = document.querySelector('#list');

btn.onclick = function() {
  let li = document.createElement("li");
  li.innerHTML = inp;
  ulList.appendChild(li);
}

Comments

[bach1]

prededushi kod rabotal tolka vipolzal ashibka undefined etat vabshe ne rabotaet

[Тигран Абрамян]

bach1, Разберитесь, написал целый todo для вас.

<input type="text" placeholder="text">
<button>add</button>
<ul id="list"></ul>

let inp = document.querySelector("input");
let btn = document.querySelector("button");
let ulList = document.querySelector('#list');

btn.onclick = function() {
  if (!inp.value) {
  	alert("Invalid input");
    return false;
  }

  let li = document.createElement("li");
  li.innerHTML = inp.value;
  ulList.appendChild(li);
  
  inp.value = "";
}

[bach1]

spasibo dobri chelovek <3 a pro translit ne magu ruskim klaviaturom polzavatsa proshu prashenie za neudobstva (