Javascript Basic Tutorial Part 1 | Syntax, Hello world , Variables ,Basic Events,Arithmetic Operation
Javascript Basic Tutorial Part 1 | Syntax, Helloworld , Variables ,Basic Events,Arithmetic Operation
Tutorial Cover :
1. Simple JavaScript Hello World
2. Javascript Variables
3. Javascript Datatypes
4. Javascript Arithmetic Operation
5. Javascript Comments
6. Javascript Basic Events
7. Get Value from Input on Button Click
8. Javascript Simple Function
9. Javascript Print Variable Data Type
10. Javascript Array
11. Javascript Objects
12. Javascript For Loop
13. Javascript For Each loop
14. Javascript if Else Condition
15. Javascript String to Array
Tutorial Link : https://youtu.be/v2O23Y2cSAM
Join Our Telegram Group for Stay Updated : https://t.me/supercoders
Tutorial Source Code : https://github.com/hackstarsj/JavaScript_Tutorial
<html> <head> <title>Javascript Tutorial</title> </head> <body> <h1>Javascript Tutorial</h1> <button onclick="buttonClick()">Simple Button</button> <input type="text" onkeydown="KeyDownMethod()" onkeyup="KeyUpMethodCalling(this)" id="input"> <div id="pagecontent"> </div> <script type="text/javascript"> //Simple Comment document.write("Hello World in Javascript"); /* Javascript Hello World Comment */ console.log("Hello World in Javascript in Console"); //alert("Hello World Using Alert Dialog"); document.getElementById("pagecontent").innerHTML="New Content"; var a=10; var name="Rahul"; var bool_data=false; var float_data=10.50; console.log(a); console.log(name); console.log(bool_data); console.log(float_data); var num1=10; var num2=20; console.log(num1+num2); console.log(num1*num2); console.log(num1/num2); console.log(num1-num2); console.log(typeof(a)); console.log(typeof(name)); console.log(typeof(bool_data)); console.log(typeof(float_data)); console.log(sumofData(20,30)); function sumofData(a,b){ return a+b; } for(var i=0;i<10;i++){ console.log(i); } var a=20; while(a!=0){ console.log("Value of A : "+a); a=a-1; //a--; } var num11=50; var num22=60; if(num11>num22){ console.log("Num 1 is Greater"); } else{ console.log("Num 2 is Greater"); } var string_data="Hello World in Javascript"; console.log("Length is :"+string_data.length); console.log(string_data.replace("World","Supercoders")) console.log("Char at 10 : "+string_data.charAt(10)); var string1="Hello "; var string2="Javascript"; var string3=string1+" "+string2; console.log(string3); var array_data=[10,20,30,40]; console.log(array_data); console.log(array_data[1]) for(var key in array_data){ console.log(array_data[key]); } for(var i=0;i<array_data.length;i++){ console.log(array_data[i]); } var object_data={firsname:"Rahul",lastname:"Roy"}; console.log(object_data['firsname']); console.log(object_data.lastname); var key_list_data=[{first:"Rahul",lastname:"Roy"},{first:"AMan",lastname:"Kumar"},{first:"Vishal",lastname:"Roy"}]; for(var key in key_list_data){ console.log(key_list_data[key]['first']); } var newarray_from_string=string_data.split(" "); console.log(newarray_from_string); console.log(key_list_data); function buttonClick() { console.log("Button is Clicked"); var input=document.getElementById("input"); console.log("Input Value : "+input.value); } function KeyDownMethod(){ console.log("Keydown Press") } function KeyUpMethodCalling(event){ console.log(event.value); } </script> </body> </html>
Join Our Telegram Channel to Stay Updated
No comments:
Post a Comment