JavaScript: input'tan yazıyı okumak

prompt tarayıcıda küçük bir pencere açar ve yazıyı döndürür. Cancel basılırsa null olur. Dönen her zaman metindir. Sayı gerekirse Number yaz, yoksa "12" + "34" "1234" olur.

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

Sayfadaki kutunun metni .value içindedir. Düğmeye basılınca oku ve textContent ile göster. Form gönderilince sayfa yenilenmesin diye 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>

Tarayıcı dışında, terminalde, readline soru sorar. Cevap fonksiyona düşer. Sonda rl.close() çağır, yoksa program beklemeye devam eder. Sayfa dersi için prompt ve HTML input yeter.

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 ne döndürür? Metin. Cancel basılırsa null.

İki sayı neden yapışır? Onlar hâlâ metindir. Number() ile çevir, sonra topla.

HTML kutusunun yazısı nerede? input.value. Göstermek için başka öğenin textContent'ini değiştir.

Form neden sayfayı yeniler? submit bunu yapar. event.preventDefault() yenilemeyi durdurur.