css
<!DOCTYPE html>
<html lang="en">
<head><title>javascript practice</title>
<link rel="stylesheet" href="js.css">
<script src="script.js">
</script>
<script>
var ram =50;
var shyam = 45;
if(ram>shyam){
alert("JAY SHREE RAM");}
else{
alert("JAY SHREE SHYAM ");
};
var x = confirm("do yo like my work");
if(x){
alert("thanks for like");}
else {
alert("its ok")
};
</script>
</head>
<body>
<h1>this is javascript practice</h1>
<p>console.log <br>
if()document.write(statemente is true)
<br>if()document.write(statemente is true)</p><br>
<p>fn , ln , age , Fn, Ln </p><br>
<p>var , leg , const, </p><br>
<p>var name (condition) ? val1 : val2 ; </p>
<h2>switch (expression) {case(condition):statemente break;<br>
case(condition):statemente break; default:statemente;} </h2>
<p>var x = prompt("enter your name") ;<br>
document.write(welcome + x); <br>
</p>
<p>arithmetic operators= + , - , / , * </p>
<p>assignment operators= = , +=, -=, /= </p>
<p>comparison operators= < , > , == , =< ,</p>
<p>logical operators = &&, ||, ! </p>
<p>conditional operators = ? , : </p>
<p>function function-name () {statemente},</p>
<p>function function-name (parameter1,parameter2){
document.write("hi" + parameter1 + parameter2 + "<br>")}
name("argument1","argument2");</p>
<p>document.write(total marks 500 "<br>")<br>
function marks(hin,eng,sans,math,phy,che);{
var x= (hin,eng,sans,math,phy,che "<br>");
return x;}<br>
var y = marks (27 + 55 + 67 + 35 + 73 + 84 );
document.write ("marks-" + y + "<br>");
function per (tm){<br>
var z= < tm *100/500<br>
return z;<br>
};
var a = per(y);<br>
document.write(a+"%";)<br>
</p>
<p>local var,global var </p>
<p>confirm box=onclick,oncontextmenu,ondblclick,onmousedown,onmouseup,onmouseover,onmouseover</p>
<div id="form">
<h2 id="h2">keyboard event</h2>
<p>keydown,up and press</p>
<input type="text" onkeypress= "document.getElementById
('form') .style.background = this.value">
<p>keyblur</p>
<input type="text">
</div>
<h4>onkeydown ,onkeyup, onkeypress, onblur</h4>
</body>
</html>