в addEventListener не работает submit (После нажатия ENTER на поле формы, выводит в alert Null)

Question

let myForm = document.querySelector(".myForm");

function calcR(radius) {
  return alert(2 * Math.PI * radius);
}

function calcD(diametr) {
  return Math.PI * diametr;
}

myForm.addEventListener("submit", calcR);

<form class="myForm">
  <input class="form-control form-calcR" type="text" placeholder="По радиусу" aria-label="default input example" />
</form>

Answer 1

Например вот так

const btn = document.querySelector('.btn');

btn.addEventListener('click', function () {
  const radius = document.querySelector('.input').value;
  alert(2 * Math.PI * radius);
});

  <input class="input" type="text">
  <button class="btn">Клац</button>

А если уж очень хочется через форму

let myForm = document.querySelector(".myForm");

myForm.addEventListener("submit", function () {
  alert(2 * Math.PI * document.querySelector(".form-control").value);
});

  <form class="myForm">
    <input class="form-control form-calcR" type="text" placeholder="По радиусу" aria-label="default input example" />
  </form>

БЛОГ НА HUSL

в addEventListener не работает submit (После нажатия ENTER на поле формы, выводит в alert Null)

Ответы (1 шт):