Как вводить данные в программку на JavaScript?

Question

[Павел migelonio]

Суть такая: у меня есть переменная и я хочу, что бы ее значение задавалось пользователем. У нас есть вот такое поле для ввода и кнопка (фото). *пользователь вводит число, а затем нажимает на кнопку и на экране выводится - *variable = * и число, которое ввел пользователь. На Python это реализовать очень легко, но как сделать на JavaScript?

Answer 1

[Egor Sabyanin]

HTML

<input type="number" id="input" />
   <button id="btn">Go</button>

JavaScript

let input = document.querySelector('#input');
  let btn = document.querySelector('#btn');

  btn.addEventListener('click', () => {
  alert(`variable = ${input.value}`);
})

Comments

[Павел migelonio]

можете объяснить, для чего вторая строка кода для JS файла?

[Павел migelonio]

так же, после запуска программы, число выводится на экран. но выводится в все той же строчке ввода. Как ее сделать так, чтобы по нажатию кнопки GO она убиралась и число выводилось просто на пустую страницу?

[Egor Sabyanin]

Павел Вишняков,

Заменяем это

alert(`variable = ${input.value}`);

На это

document.write(`variable = ${input.value}`);

[Павел migelonio]

Egor Sabyanin, Не помогает. Вот мой код: Нужно, чтобы после ввода возраста, на странице вывело след сообщение...

age input = document.querySelector('#input');
let btn = document.querySelector('#btn');

btn.addEventListener('click', () => {
    document.write(`variable = ${input.value}`);
})

if (age >= 14) {
    document.write('Юхуууууу.... Вы уже можете принять участие в голосовании :/');
} else {
    document.write('Вам ещё нет 14 лет....);

[Egor Sabyanin]

Павел migelonio,

btn.addEventListener('click', () => {
    let age = parseInt((document.querySelector('#input')).value, 10);
    document.write(age >= 14 ? 'Юхуууууу.... Вы уже можете принять участие в голосовании :/' :  'Вам ещё нет 14 лет....');
})