Practice Set in JavaScript

 //Question 1 : Write a program using prompt function to take input of age as a value from the user and

// use alert to tell him if he can drive!

/*let runAgain = true;

const canDrive = (age) => {
    return age >= 18 ? true : false;
}

while (runAgain) {
    let age = prompt("Enter your age : ");
    age = Number.parseInt(age);

    if (canDrive(age)) {
        alert("Yes you can drive");
    }
    else {
        alert("You can not drive");
    }
    runAgain = confirm("Do you want to play again ?");
}*/

//Question 2 : In Question 1, use confirm to ask the user if he wants to see the prompt again
//Solution of Question 2 is shown in above code.

//Question 3 : In the previous question, use console.error to log the error if the age entered is negative.
/*let runAgain = true;

const canDrive = (age) => {
    return age >= 18 ? true : false;
}

while (runAgain) {
    let age = prompt("Enter your age : ");
    age = Number.parseInt(age);
    if(age < 0){
        console.error("Please enter a valid age");
        break;
    }

    if (canDrive(age)) {
        alert("Yes you can drive");
    }
    else {
        alert("You can not drive");
    }
    runAgain = confirm("Do you want to play again ?");
}*/


//Question 4 : Write a program to change the url to google.com (Redirection) if user enters a number greater
//than 4.
/*let number = prompt("Enter the number : ");
number = Number.parseInt(number);

if(number > 4){
    location.href = "https://google.com";
}*/


//Question 5 : Change the background of the page to yellow, red or any other color based on user input
//through prompt.
let color = prompt("Enter the page background color : ");
document.body.style.background = color;

Comments

Post a Comment

Popular posts from this blog

Generators tutorial in Advance JavaScript

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0, shrink-to-fit=no" >     < meta http-equiv = "X-UA-Compatible" content = "ie=edge" >     < title > Generators Advance JavaScript </ title >     < link rel = "stylesheet" href = "" > </ head > < body >     < script >         //Example 1 :         // function* generateit() {         //     console.log("First Message");         //     yield "Yield No. 1"; //Here Statement will be Pause, To remove the Pause we have to call next() method again as shown below         //     console.log("Second Message");         //     yield "Yield No. ...
Read more

Document Object Module DOM querySelector and querySelectorAll tutorial in JavaScript

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0, shrink-to-fit=no" >     < meta http-equiv = "X-UA-Compatible" content = "ie=edge" >     < title > DOM querySelector querySelectorAll JavaScript </ title >     < link rel = "stylesheet" href = "css/main.css" > </ head > < body >     < div id = "wrapper" >         < div id = "header" class = "abc" style = " border:1px solid #ff0000;" onClick = "xyz()" >             < h1 > Hello World </ h1 >             < h1 > Welcome </ h1 >         </ div >         < div id = "menu" >             < ul >...
Read more

Find Even and Odd Numbers with Loops tutorial in JavaScript

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0, shrink-to-fit=no" >     < meta http-equiv = "X-UA-Compatible" content = "ie=edge" >     < title > Even Odd Numbers with Loops </ title >     < script >         for ( var a = 1 ; a <= 10 ; a ++) {             if ( a % 2 == 0 ) {                 document . write ( "Even Number : " + a + "<br>" );             }         }         for ( var b = 1 ; b <= 10 ; b ++) {             if ( b % 2 != 0 ) {                 document . write ( "Odd Number : " + b + "<br>"...
Read more