<!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>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= 45
function 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>