source code
first.html
<!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>Document</title>
</head>
<body>
<p id="showid">Hello world</p>
<script>
// this console log help us to print value in console slfdsjflsdjflsdjf
console.log( document.getElementById('showid').innerHTML);
document.getElementById('showid').style.fontSize = '100px';
document.getElementById('showid').style.color = 'red';
document.getElementById('showid').style.display = 'block';
document.getElementById('showid').innerHTML = 'Hi dear viewers ';
// window.alert('this alert message');
document.write(document.getElementById('showid').innerHTML);
document.write('this tutorial is created for programmers');
</script>
</body>
</html>
JavaScript start coding
download visual studio code https://youtu.be/shzrlZbexow
How to download visual studio code 00.45 - 1.21
start javaScript coding and install live server 2.30 - 03.26
use of console.log 03.27 - 04.05
access elements and display result in javaScript 04.05 - 04-50
increase font size of the elemtems 04.05 - 05.33
change color of the font 05.34-06.11
display and hide font in html 06.12 - 06.54
change value of html element 06.57 - 07.43
show alert section in page 07.45 - 08.33
use of document.write function 08.45 - 10.10
comments in javascript - 10.11 - 11.25
more details about javascript 11.25-11.51
We are going to learn and use of
live server extension - this extension help programmer to see output on click on saving files.Once you save the file , that page related to file is automatically update.
Console.log() this function is used to see output in console bar in the inspect Element section
access elements :- In javascript element access is very easy by id and class. In this video I am using id for accessing p tag html element and used console.log to print the value in console section in inspect element
change font-size :- we can also change the font size using javaScript by accessing value and styel.fontSize
JavaScript is vast language and it used for multiple purpose . You can simply change font size , values , color and more things dynamically without refreshing the page using this wonderfull Language javascript.
There is few function availabe that helps to pring values in the document that is discusseed in this video.
console.log() , document.write() , window.alert() , innerHTML
#Video_Kaisa_laga_comment_me_batao #Playlist_ko_access_jarur_krna #echocoding
No comments:
Post a Comment