JS Variables
1. let carName = “Volvo”;
2. let x = 50;
3. let x = 5;
let y = 10;
[Link]("demo").innerHTML = x + y
4. let x = 5;
let y = 10;
let z = x + y;
alert (z);
5. let firstName = "John", lastName = "Doe", age = 35;
JS Operators
[Link] (10 * 5);
[Link] (10 / 2);
[Link] (15 % 9);
9.x = 10;
y = 5;
x += y;
10. x = 10;
y = 5;
x *= y;
JS Data Types
11. let length = 16; // Number
let lastName = "Johnson"; // String
const x = {
firstName: "John",
lastName: "Doe"
}; // Object
JS Functions
12. function myFunction() {
alert("Hello World!");
}
myFunction ();
13. function myFunction () {
alert (“Hello World!”);
}
14. function myFunction() {
return " Hello";
}
[Link]("demo").innerHTML =
myFunction();
15. function myFunction() {
[Link]("demo").innerHTML= "Hello";
}
JS Objects
16. const person = {
firstName: "John",
lastName: "Doe"
};
alert ([Link]);
17. const person = {
firstName: "John",
lastName: "Doe",
country: "Norway"
};
18. const person = {
name : "John", age : 50
};
alert ( [Link] + " is " + [Link]);
JS Events
19. <button onclick ="alert ('Hello')" >Click me.</button>
20. <button onclick ="myFunction()">Click me.</button>
21. <div onmouseover
="[Link]='red'">myDIV.</div>
JS Strings
22. let txt = "Hello World!";
let x = [Link];
alert(x);
23. let txt = "We are \”Vikings\”";
alert(txt);
24. let str1 = "Hello ";
let str2 = "World!";
alert (str1 + str2);
JS String Methods
25. let txt = "Hello World!";
txt = [Link]();
26. let txt = "I can eat bananas all day";
let x = [Link](10, 17);
27. let txt = "Hello World";
txt = txt. replace("Hello", "Welcome");
28. let txt = "Hello World";
txt = [Link]();
29. let txt = "Hello World";
txt = [Link]();
JS Arrays
30. const cars = ["Saab", "Volvo", "BMW"];
let x = cars[1];
31. const cars = ["Volvo", "Jeep", "Mercedes"];
cars[0] = "Ford";
32. const cars = ["Volvo", "Jeep", "Mercedes"];
alert([Link]);
JS Array Methods
33. const fruits = ["Banana", "Orange", "Apple"];
[Link]();
34. const fruits = ["Banana", "Orange", "Apple"];
[Link]("Kiwi");
35. const fruits = ["Banana", "Orange", "Apple", "Kiwi"];
[Link](1, 2);
JS Array Sort
36. const fruits = ["Banana", "Orange", "Apple", "Kiwi"];
[Link]();
JS Dates
37. const d = new Date() ;
alert(d);
38. const d = new Date();
year = [Link]() ;
39. const d = new Date();
month = [Link]();
40. const d = new Date();
d. setFullYear(2020);
JS Math
41. let r = [Link]();
42. let x = [Link] (10, 20);
43. let x = [Link](5.3);
44. let x = [Link](9);
JS Comparisons
45. x = 10;
y = 5;
alert(x >y);
46. x = 10;
y = 10;
alert(x == y);
47. x = 10;
y = 5;
alert(x != y);
48. var age = n;
var voteable = (age < 18) ? "Too young" : "Old enough";
alert(voteable);
JS Conditons
49. if (x > y){
alert("Hello World");
}
50. if (x > y) {
alert("Hello World");
} else {
alert("Goodbye");
}
JS Switch
51. switch (fruits) {
case "Banana":
alert("Hello")
break;
case "Apple":
alert("Welcome")
break;
}
52. switch(fruits) {
case "Banana":
alert("Hello")
break;
case "Apple":
alert("Welcome")
break;
default:
alert("Neither");
}
JS For Loops
53. let i;
for (i = 0; i < 10; i++) {
[Link](i);
}
54. const fruits = ["Apple", "Banana", "Orange"];
for (x of fruits) {
[Link](x);
}
JS While Loops
55. let i = 0;
while (i < 10) {
[Link](i);
i++
}
56. let i = 0;
while (i < 10) {
[Link](i);
i = i + 2;
}
JS Break Loops
57. for (i = 0; i < 10; i++) {
[Link](i);
if (i == 5) {
break;
}
}
58. for (i = 0; i < 10; i++) {
if (i == 5) {
continue;
}
[Link](i);
}
JS HTML DOM
59. <p id="demo"></p>
<script>
[Link]("demo").innerHTML = "Hello";
</script>
60. <p id="demo"></p>
<script>
[Link]("p")[0].innerHTML =
"Hello";
</script>
61. <p class="test"></p>
<p class="test"></p>
<script>
[Link]("test")[0].innerHTML =
"Hello";
</script>
62. <img id="image" src="[Link]">
<script>
[Link]("image").src = "pic_mountain.jpg";
</script>
63. <input type="text" id="myText" value="Hello">
<script>
[Link]("myText").value = "Have a nice
day!";
</script>
64. <p id="demo"></p>
<script>
[Link]("demo").[Link] = "red";
</script>
65. <p id="demo"></p>
<script>
[Link]("demo") .[Link] = "40px";
</script>
66. <p id="demo"></p>
<script>
[Link]("demo") .[Link] = "none";
</script>
67. <button id="demo">Click me1</button>
<script>
[Link]("demo"). addEventListener ("click",
myFunction);
</script>
