JavaScript: input-dan yazını oxumaq

prompt brauzerdə kiçik pəncərə açır və yazını qaytarır. Cancel basılanda null olur. Qaytarılan həmişə mətndir. Ədəd lazımdırsa Number yaz, yoxsa "12" + "34" "1234" olar.

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);

Səhifədəki qutunun mətni .value-dadır. Düyməyə basılanda oxu və textContent ilə göstər. Forma göndəriləndə səhifə yenilənməsin deyə preventDefault çağır.

<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>

Brauzerdən kənar, terminalda, readline sual verir. Cavab funksiyaya düşür. Sonda rl.close() çağır, yoxsa proqram gözləməkdə qalır. Sayt dərsi üçün prompt və HTML input kifayətdir.

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 nə qaytarır? Mətn. Cancel basılanda null.

İki ədəd niyə yapışır? Onlar hələ mətndir. Number() ilə çevir, sonra topla.

HTML qutusunun yazısı haradadır? input.value. Göstərmək üçün başqa elementin textContent-ini dəyiş.

Forma niyə səhifəni yeniləyir? submit bunu edir. event.preventDefault() yeniləməni dayandırır.