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() останавливает обновление.