I have learned alert and simple variable in js and I am going to make this things…
Hello World Alert Button
-
Make a button on a webpage.
-
When you click it, it shows an
alert("Hello World!").
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hello World Alert</title> <script src="index.js" defer></script> </head> <body> <!-- Button --> <button id="helloBtn">Click Me</button> </body> </html>
// get the button by its ID
const button = document.getElementById("helloBtn");
// add a click event
button.addEventListener("click", function() {
alert("Hello World!");
});
2. Name Greeter
-
Ask the user their name with
prompt(). -
Store it in a variable.
-
Show an alert:
"Hello, Ishwor!".let name = prompt("Hi what is your name") alert("welcome to my website" + " " + name)3. Simple Calculator (Add Two Numbers)
-
Use
prompt()to ask for two numbers. -
Convert them to numbers.
-
Show the sum in an alert.
-
let num1 = prompt("Enter a number");
let num2 = prompt("Enter another number");
let sum = parseInt(num1) + parseInt(num2);
alert("the sum is " + sum);
4. Guess the Number (1–5)
-
Create a random number.
-
Ask the user to guess it with
prompt(). -
If correct, alert
"You win!", else"Try again!".
let number = Math.floor(Math.random() * 5) + 1;
let guess = prompt("Guess a number between 1 and 5");
if (parseInt(guess == number)) {
alert("congratz you win");
}
else {
alert("Sorry, you lose. The correct number was " + number);
}
5. Click Counter
-
Make a button.
-
Every time you click, increase a variable and show an alert with the count.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test website</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<button id="btn">Click me</button>
<p id="countnumber"> count: </p>
<script src="index.js"></script>
</body>
</html>
let count = 0;
const btn = document.getElementById("btn")
const countnumber = document.getElementById("countnumber")
btn.addEventListener("click", function () {
count++;
countnumber.textContent = "You clicked " + count + " times."
});