<!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>
<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>
<!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>
<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 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)
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>
<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>
<html>
<head>
<title>JavaScript Misol</title>
</head>
<body>
<h1>Salom, JavaScript!</h1>
<script>
alert("JavaScript ishga tushdi!");
</script>
</body>
</html>
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 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 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.");
}
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.");
}
let mevalar = ["olma", "banan", "gilos"];
mevalar.push("apelsin");
console.log(mevalar); // ["olma", "banan", "gilos", "apelsin"]
mevalar.pop();
console.log(mevalar); // ["olma", "banan", "gilos"]
mevalar.push("apelsin");
console.log(mevalar); // ["olma", "banan", "gilos", "apelsin"]
mevalar.pop();
console.log(mevalar); // ["olma", "banan", "gilos"]
let mevalar = ["olma", "banan", "gilos"];
for (let i = 0; i < mevalar.length; i++) {
console.log(mevalar[i]);
}
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!");
});
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!");
});