<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>gride </title><script>///*if(a>b){console.log("greater");}else if(a<b){console.log("smaller");}else{console.log("error");}*/////greet(num1<num2)//let e = 123456789;//greet( e,ali);//greet(b,e);//switch (a) {// case 374:// console.log(a + "greater")// break;// default:// console.log("less")// break;</script></head><body><style>.container{display:grid;/* grid-template-columns: ; */grid-gap:1rem;/* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); */}.item{background-color: yellow;border:2px solid black;}</style><div class="container" id="id1"><div id="navbar" class="item">item1</div><div id ="center" class="item">item2</div><div id="border" class="item">item3</div><!-- <div class="item">item4</div><div class="item">item5</div><div class="item">item6</div><div class="item">item7</div><div class="item">item8</div><div class="item">item9</div> --></div><script>/* console.log("this is java script")let ali= 45function vae(ali){console.log()}*/// vae(ali);//alert("this is a alert")/* let name= prompt("what is your name?", "guest")console.log(name)let del= confirm("are you 18?")console.log(del)if(del){console.log("you are allowed ")}else{console.log("you are not allowed")}*//* a=[25,55,45,65.78]*/// console.log(index)/*for (let index = 0; index < Array.length; index++){console.log(index);}*/// for (let index = 0; index < a.length;index++) {// console.log(a[index]);//}// a.forEach(element => {// console.log("This is "+element)// });/* let object= {age:15,channel:"cmS"}*/// console.log(object)/* for (key in object) {console.log(`the ${key} of object is $[object.{key}]`);}*/let i =1;while(i<4) {console.log(`${i} it is less than 50`);i++;}let main= document.getElementById('id1');console.log(main)let main2= document.getElementById('navbar')console.log(main2)navbar.innerHTML="<li>ali no7uman</li>"</script></body></html>