html

 <!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>