Strings Arrays & Listeners In JavaScript
Strings, Arrays & Fat-Arrows In JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAVASCRIPT TUTORIAL</title>
</head>
<body>
<h1>This is a JS Tutorial IN HINDI/URDU</h1>
<p class="main" id="main" style="display: none;">HI HOW ARE I AM FINE</p>
<button id="btn">CLICK</button>
</body>
</html>
<script>
// String Methos IN JS
let name = "hamza's watch"; //this is a single-quote string method
let name2 = "HAMZA"; //this is a double qoute string method
let frind1 = "Ali";
let friend2 = 'Juniad';
let name3 = `${frind1} and ${friend2} both are the friends of ${name2}`;//This is a string literals in JS
console.log(name)
console.log(name2)
console.log(name3)
// Calling Function Before Initlaztion Is Wrong
// console_friends(); // This is a wrong method
// Arrays in JS
let friends = ["hamza","junaid","ali","asad","farhan","tousif","ashfaq","adnan"];
console.log(friends);
console.log(friends[2]);
// Changing The Array's 3 index item
friends[2] = "Imran";
console.log(friends[2])
console.log(friends)
//Arrow Functions In JS
let console_friends = () =>{
let friends = ["hamza","junaid","ali","asad","farhan","tousif","ashfaq","adnan"];
friends[7] = "HAMZA";
console.log(friends)
}
console_friends();
// Get Document In JS
let paragraph = document.getElementById('main');
btn = document.getElementById('btn');
btn.addEventListener('click', () =>{
if(paragraph.style.display = "none"){
paragraph.style.display = "block";
}
else if(paragraph.innerTEXT = "HI HOW ARE I AM FINE"){
paragraph.style.display = "none"
}
});
</script>
Tags
javascript