<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
<title>Foydalanuvchi ismi</title>
</head>
<body>
<h1>Ma’lumot kiriting:</h1>
<button onclick="foydalanuvchiniSora()">Bos</button>
<h2 id="natija"></h2>

<script>
function foydalanuvchiniSora() {
let ism = prompt("Ismingizni kiriting:");
let yosh = prompt("Yoshingizni kiriting:");
document.getElementById("natija").innerHTML =
"Sizning ismingiz: " + ism + ", yoshingiz: " + yosh;
}
</script>
</body>
</html>
document.write("<h1>JavaScript ishladi!</h1>");
alert("Xush kelibsiz!");
console.log("Salom, dunyo!");
<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
<title>JS Natija chiqarish</title>
</head>
<body>
<h2 id="natija"></h2>

<script>
let ism = "Ali";
document.getElementById("natija").innerHTML = "Salom, " + ism;
</script>
</body>
</html>
if (true) {
var a = 10;
let b = 20;
}
console.log(a); // 10 (var blok ichida ham ko‘rinadi)
console.log(b); // Xato! (let faqat blok ichida ishlaydi)
var x = 5;
var x = 10; // Ruxsat bor
console.log(x); // 10

let y = 5;
let y = 10; // Xato! (let qayta e'lon qilinmaydi)
<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
<title>Inputdan qiymat olish</title>
</head>
<body>
<input type="text" id="ism" placeholder="Ismingizni kiriting">
<button onclick="natija()">Ko‘rsat</button>
<h2 id="chiqish"></h2>

<script>
function natija() {
let ism = document.getElementById("ism").value;
document.getElementById("chiqish").innerHTML = "Salom, " + ism;
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Misol</title>
</head>
<body>
<h1>Salom, JavaScript!</h1>
<script>
alert("JavaScript ishga tushdi!");
</script>
</body>
</html>
let ism = "Ali";
let yosh = 25;
let tugilgan_sana = 1997;
let salom = "Salom, dunyo!";
console.log(salom);
let a = 10;
let b = 5;
console.log(a + b); // 15
console.log(a - b); // 5
console.log(a * b); // 50
console.log(a / b); // 2
let x = 10;
let y = "10";
console.log(x == y); // true
console.log(x === y); // false
console.log(x != y); // false
console.log(x !== y); // true
let yosh = 20;
if (yosh < 18) {
console.log("Siz hali voyaga yetmadingiz.");
} else if (yosh >= 18 && yosh < 65) {
console.log("Siz voyaga yetgansiz.");
} else {
console.log("Siz keksa.");
}
function salomBer() {
console.log("Salom, o'quvchilar!");
}
salomBer();
function kvadrat(a) {
return a * a;
}
console.log(kvadrat(4)); // 16
let mevalar = ["olma", "banan", "gilos"];
mevalar.push("apelsin");
console.log(mevalar); // ["olma", "banan", "gilos", "apelsin"]
mevalar.pop();
console.log(mevalar); // ["olma", "banan", "gilos"]
for (let i = 0; i < 5; i++) {
console.log(i);
}
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
let mevalar = ["olma", "banan", "gilos"];
for (let i = 0; i < mevalar.length; i++) {
console.log(mevalar[i]);
}
DOM

let h1Element = document.querySelector("h1");
console.log(h1Element.innerText);

let yangiElement = document.createElement("p");
yangiElement.innerText = "Bu yangi paragraf.";
document.body.appendChild(yangiElement);


document.querySelector("button").addEventListener("click", function() {
alert("Tugma bosildi!");
});