Программирование

JavaScript: прочитать текст из input

prompt, HTML input.value и перевод в число. Cancel возвращает null.

Все уроки · Уроки JavaScript: учимся с нуля

Спроси через prompt

prompt открывает в браузере маленькое окно и возвращает текст. При отмене будет null. Результат всегда текст. Если нужно число, напиши Number, иначе "12" + "34" станет "1234".

let ad = prompt("Adınızı daxil edin:");
if (ad === null) {
  console.log("İmtina edildi.");
} else {
  console.log("Salam, " + ad + "!");
}
let a = Number(prompt("Birinci ədəd:"));
let b = Number(prompt("İkinci ədəd:"));
console.log(a + b);

Прочитай HTML input

Текст поля на странице лежит в .value. Прочитай его по клику и покажи через textContent. При отправке формы вызови preventDefault, чтобы страница не обновилась.

<input id="adInput" type="text">
<button id="gosterBtn">Göstər</button>
<p id="netice"></p>
<script>
  const adInput = document.getElementById("adInput");
  const netice = document.getElementById("netice");
  document.getElementById("gosterBtn").addEventListener("click", function () {
    netice.textContent = "Salam, " + adInput.value + "!";
  });
</script>

readline в Node.js

Вне браузера, в терминале, readline задаёт вопрос. Ответ приходит в функцию. В конце вызови rl.close(), иначе программа продолжит ждать. Для урока на странице хватает prompt и HTML input.

const readline = require("readline");
const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout,
});
rl.question("Adınız: ", function (ad) {
  console.log("Salam, " + ad + "!");
  rl.close();
});

Вопросы

Что возвращает prompt? Текст. null, если нажали Cancel.

Почему два числа слипаются? Они ещё текст. Переведи через Number(), потом сложи.

Где текст поля HTML? В input.value. Чтобы показать, измени textContent другого элемента.

Почему форма обновляет страницу? Это делает submit. event.preventDefault() останавливает обновление.

Автор: Nibras Code