JAVASCRIPT EXERCISE :

1. Create a variable called carName, assign the value Volvo to it.

let carName = "Volvo";

2. Create a variable called x, assign the value 50 to it.

let x= 50

3. Display the sum of 5 + 10, using two variables: x and y.

let x= 5;
let y = 10;
document.getElementById("demo").innerHTML = x +y;

4. Create a variable called z, assign x + y to it, and display the result in an alert box.

let x = 5;
let y = 10;
let z = x + y;
console.log(z);

5. On one single line, declare three variables with the following names and values:

firstName = "John"
lastName = "Doe"
age = 35
let firstName = "John", lastName = "Doe", age = 35;

6. Multiply 10 with 5, and alert the result:

alert(10 *5);

7. Divide 10 by 2, and alert the result:

alert(10/2);

8. Alert the remainder when 15 is divided by 9.

alert(15%9);

9. Use the correct assignment operator that will result in x being 15 (same as x = x + y).

let x = 5;
let y = 10;
x += y;

10. Use the correct assignment operator that will result in x being 50 (same as x = x * y).

let x = 5;
let y = 10;
x*+=y

11. Use comments to describe the correct data type of the following variables:

let length = 16;          // Integer data type
let lastName = "Johnson"; // String data type
const x = {
firstName: "John",
lastName: "Doe"
};     // Object data type

12. Execute the function named myFunction.

myFunction();

13. Create a function called "myFunction".

function myFunction() {
alert("Hello World!");
}

14. Make the function return "Hello"

function myFunction() {
return "Hello";
}
document.getElementById("demo").innerHTML = myFunction();

15. make the function display "Hello" in the inner HTML of an element with the ID "demo".

function myFunction() {
document.getElementById("demo").innerHTML = "Hello";
}

16. Alert "John" by extracting information from the person object.

const person = {
firstName: "John",
lastName: "Doe"
};
alert(person.firstName);

17. Add the following property and value to the person object: country: Norway.

const person = {
firstName: "John",
lastName: "Doe",
country : "Norway"
};

18. Create an object called person with name = John, age = 50.Then, access the object to alert("John is 50").

const person = {
name: "John",
age: 50
};
alert(person.name + " is " + person.age);

19. The button element should do something when someone clicks on it. Try to fix it!

<button onclick="alert('Hello')">Click me.</button>

20. When the button is clicked, the function "myFunction" should be executed.

<button onclick="myFunction()">Click me.</button>

21. The div element should turn red when someone moves the mouse over it.

<div onmouseover="this.style.backgroundColor='red'">myDIV.</div>

22. Use the length property to alert the length of txt.

let txt = "Hello World!";
let x = txt.length;
alert(x);

23. Use escape characters to alert We are "Vikings".

let txt = " We are \"Vikings\"";
alert(txt);

24. Concatenate the two strings to alert "Hello World!".

let str1 = "Hello ";
let str2 = "World!";
alert(str1 + str2);

25. Convert the text into an UPPERCASE text:

let txt = "Hello World!";
txt = txt.toUpperCase();

26. Use the slice method to return the word "bananas".

let txt = "I can eat bananas all day";
let x = txt.slice(10,17);

27. Use the correct String method to replace the word "Hello" with the word "Welcome".

let txt = "Hello World";
txt = txt.replace("Hello", "Welcome");

28. Convert the value of txt to upper case.

let txt = "Hello World";
txt = txt.toUpperCase();

29. Convert the value of txt to lower case.

let txt = "Hello World";
txt = txt.toLowerCase();

30. Get the value "Volvo" from the cars array.

const cars = ["Saab", "Volvo", "BMW"];
let x = cars[1];

31. Change the first item of cars to "Ford".

const cars = ["Volvo", "Jeep", "Mercedes"];
cars[0] = "Ford";

32. Alert the number of items in an array, using the correct Array property.

const cars = ["Volvo", "Jeep", "Mercedes"];
alert(cars.length);

33. Use the correct Array method to remove the last item of the fruits array.

const fruits = ["Banana", "Orange", "Apple"];
fruits.pop();

34. Use the correct Array method to add "Kiwi" to the fruits array.

const fruits = ["Banana", "Orange", "Apple"];
fruits.push("Kiwi");

35. Use the splice() method to remove "Orange" and "Apple" from fruits.

const fruits = ["Banana", "Orange", "Apple", "Kiwi"];
fruits.splice(1,2);

36. Use the correct Array method to sort the fruits array alphabetically.

const fruits = ["Banana", "Orange", "Apple", "Kiwi"];
fruits.sort();

37. reate a Date object and alert the current date and time.

const d = new Date();
alert(d);

38. Use the correct Date method to extract the year (four digits) out of a date object.

const d = new Date();
year = d.getFullYear();

39. Use the correct Date method to get the month (0-11) out of a date object.

const d = new Date();
month = d.getMonth();

40. Use the correct Date method to set the year of a date object to 2020.

const d = new Date();
d.setFullYear(2020);

41. Use the correct Math method to create a random number.

let r = Math.random();

42. Use the correct Math method to return the largest number of 10 and 20.

let x = Math.max(10, 20);

43. Use the correct Math method to round a number to the nearest integer.

let x = Math.round(5.3);

44. Use the correct Math method to get the square root of 9.

let x = Math.sqrt(9);

45. Choose the correct comparison operator to alert true, when x is greater than y.

x = 10;
y = 5;
(x > y);

46. Choose the correct comparison operator to alert true, when x is equal to y.

x = 10;
 = 10;
alert(x == y);

47. Choose the correct comparison operator to alert true, when x is NOT equal to y.

x = 10;
y = 10;
alert(x != y);

48. Choose the correct conditional (ternary) operator to alert "Too young" if age is less than 18, otherwise alert "Old enough".

age = n;
voteable = (age < 18) ? "Too young"  :  "Old enough";
alert(voteable);

49. Fix the if statement to alert "Hello World" if x is greater than y.

if (x > y){
alert("Hello World");
}

50. Fix the if statement to alert "Hello World" if x is greater than y, otherwise alert "Goodbye".

if(x > y){
   ("hello world");
}
else{
   ("goodbye");
}

51. Create a switch statement that will alert "Hello" if fruits is "banana", and "Welcome" if fruits is "apple".

switch (fruits) {
 		 case "Banana":
    			alert("Hello");
    			break;
  		case "Apple":
    			alert("Welcome");
    			break;
		}

52. Add a section that will alert("Neither") if fruits is neither "banana" nor "apple".

switch (fruits) {
  		case "Banana":
    			alert("Hello");
    			break;
  		case "Apple":
    			alert("Welcome");
    			break;
  		default:
    			alert("Neither");
		}

53. Create a loop that runs from 0 to 9.

let i;
for(i=0;i<10;i++){
console.log(i);
}

54. Create a loop that runs through each item in the fruits array

const fruits = ["Apple", "Banana", "Orange"];
for (const fruit of fruits) {
console.log(fruit);

55. Create a loop that runs as long as i is less than 10.

let i = 0;
		while(i < 10) {
  			console.log(i);
  			i++
		}

56. Create a loop that runs as long as i is less than 10, but increase i with 2 each time.

let i = 0;
		while (i < 10) {
  			console.log(i);
			i = i + 2;
  		}

57. Make the loop stop when i is 5.

for (i = 0; i < 10; i++) {
			console.log(i);
			if (i == 5) {
				break;
			}
		}

58. Make the loop jump to the next iteration when i is 5.

	for (i = 0; i < 10; i++) {
			if (i == 5) {
				continue;
  			}
  			console.log(i);
		}

59. Use the getElementById method to find the
element, and change its text to "Hello".

<p id="demo"></p>
		<script>
			document.getElementById("demo").innerHTML = "Hello";
		</script>

60. Use the getElementsByTagName method to find the first
element, and change its text to "Hello".

<p id="demo"></p>
		<script>
			document.getElementsByTagName("p")[0].innerHTML = "Hello";
		</script>

61. Change the text of the first element that has the class name "test".

<p class="test"></p>
		<script>
			document.getElementsByClassName("test")[0].innerHTML = "Hello";
		</script>

62. Use HTML DOM to change the value of the image's src attribute.

<img id="image" src="smiley.gif">
		<script>
			document.getElementById("image").src = "pic_mountain.jpg";
		</script>

63. Use HTML DOM to change the value of the input field.

<input type="text" id="myText" value="Hello">
		<script>
			document.getElementById("myText").value = "Have a nice day!";
		</script>

64. Change the text color of the
element to "red".

<p id="demo"></p>
		<script>
			document.getElementById("demo").style.color = "red";
		</script>

65. Change the font size of the p element to 40 pixels.

<p id="demo"></p>
		<script>
			document.getElementById("demo").style.fontSize = "40px";
		</script>

66. Use the CSS display property to hide the p element.

<p id="demo"></p>
		<script>
			document.getElementById("demo").style.display = "none";
		</script>

67. Use the eventListener to assign an onclick event to the button element.

	<button id="demo">Click me1</button>
		<script>
			document.getElementById("demo").addEventListener("click", myFunction);
		</script>

Name		Name	Last commit message	Last commit date
Latest commit History 2 Commits
README.md		README.md

likhithv76/Java-Script

Folders and files

Latest commit

History

Repository files navigation

JAVASCRIPT EXERCISE :

1. Create a variable called carName, assign the value Volvo to it.

2. Create a variable called x, assign the value 50 to it.

3. Display the sum of 5 + 10, using two variables: x and y.

4. Create a variable called z, assign x + y to it, and display the result in an alert box.

5. On one single line, declare three variables with the following names and values:

6. Multiply 10 with 5, and alert the result:

7. Divide 10 by 2, and alert the result:

8. Alert the remainder when 15 is divided by 9.

9. Use the correct assignment operator that will result in x being 15 (same as x = x + y).

10. Use the correct assignment operator that will result in x being 50 (same as x = x * y).

11. Use comments to describe the correct data type of the following variables:

12. Execute the function named myFunction.

13. Create a function called "myFunction".

14. Make the function return "Hello"

15. make the function display "Hello" in the inner HTML of an element with the ID "demo".

16. Alert "John" by extracting information from the person object.

17. Add the following property and value to the person object: country: Norway.

18. Create an object called person with name = John, age = 50.Then, access the object to alert("John is 50").

19. The button element should do something when someone clicks on it. Try to fix it!

20. When the button is clicked, the function "myFunction" should be executed.

21. The div element should turn red when someone moves the mouse over it.

22. Use the length property to alert the length of txt.

23. Use escape characters to alert We are "Vikings".

24. Concatenate the two strings to alert "Hello World!".

25. Convert the text into an UPPERCASE text:

26. Use the slice method to return the word "bananas".

27. Use the correct String method to replace the word "Hello" with the word "Welcome".

28. Convert the value of txt to upper case.

29. Convert the value of txt to lower case.

30. Get the value "Volvo" from the cars array.

31. Change the first item of cars to "Ford".

32. Alert the number of items in an array, using the correct Array property.

33. Use the correct Array method to remove the last item of the fruits array.

34. Use the correct Array method to add "Kiwi" to the fruits array.

35. Use the splice() method to remove "Orange" and "Apple" from fruits.

36. Use the correct Array method to sort the fruits array alphabetically.

37. reate a Date object and alert the current date and time.

38. Use the correct Date method to extract the year (four digits) out of a date object.

39. Use the correct Date method to get the month (0-11) out of a date object.

40. Use the correct Date method to set the year of a date object to 2020.

41. Use the correct Math method to create a random number.

42. Use the correct Math method to return the largest number of 10 and 20.

43. Use the correct Math method to round a number to the nearest integer.

44. Use the correct Math method to get the square root of 9.

45. Choose the correct comparison operator to alert true, when x is greater than y.

46. Choose the correct comparison operator to alert true, when x is equal to y.

47. Choose the correct comparison operator to alert true, when x is NOT equal to y.

48. Choose the correct conditional (ternary) operator to alert "Too young" if age is less than 18, otherwise alert "Old enough".

49. Fix the if statement to alert "Hello World" if x is greater than y.

50. Fix the if statement to alert "Hello World" if x is greater than y, otherwise alert "Goodbye".

51. Create a switch statement that will alert "Hello" if fruits is "banana", and "Welcome" if fruits is "apple".

52. Add a section that will alert("Neither") if fruits is neither "banana" nor "apple".

53. Create a loop that runs from 0 to 9.

54. Create a loop that runs through each item in the fruits array

55. Create a loop that runs as long as i is less than 10.

56. Create a loop that runs as long as i is less than 10, but increase i with 2 each time.

57. Make the loop stop when i is 5.

58. Make the loop jump to the next iteration when i is 5.

59. Use the getElementById method to find the element, and change its text to "Hello".

60. Use the getElementsByTagName method to find the first element, and change its text to "Hello".

61. Change the text of the first element that has the class name "test".

62. Use HTML DOM to change the value of the image's src attribute.

63. Use HTML DOM to change the value of the input field.

64. Change the text color of the element to "red".

65. Change the font size of the p element to 40 pixels.

66. Use the CSS display property to hide the p element.

67. Use the eventListener to assign an onclick event to the button element.

About

Resources

Stars

Watchers

Forks

Releases

Packages 0

59. Use the getElementById method to find the
element, and change its text to "Hello".

60. Use the getElementsByTagName method to find the first
element, and change its text to "Hello".

64. Change the text color of the
element to "red".

Packages