.btn { background – color : #4CAF50 ; border : none ; color : white ; padding : 15 px 32 px ; text – align : center ; text – decoration:none; display:inline-block; font-size:16 px ;
margin:auto;
width:auto;
cursor:pointer;}
. btn:hover{ background – color:#45 a049;} button{padding-left:right-top-bottom} h1{text-align:center;} p{text-indent:first-line;} img{margin-left-right-top-bottom} ul li ol{list-style-type:square-circle-disc} table th td caption{border-collapse-separate-collapse-box-shadow-justify-content}
div span section article header footer nav aside main {display:flex-inline-block-grid-table-cell}
input textarea select button label fieldset legend datalist optgroup option output keygen progress meter details summary command menu {display:block-inline-flex-none-contents-inherit}
form iframe hr pre code kbd samp var sub sup small strong em mark bdi bdo ruby rt rp time wbr abbr acronym address blockquote cite q del ins dfn i u s strike tt big br col colgroup caption tbody thead tfoot tr th td script noscript style link meta title base html head body p div span h1 h2 h6 p a img ul li ol table th td caption input textarea select button label fieldset legend datalist optgroup option output keygen progress meter details summary command menu form iframe hr pre code kbd samp var sub sup small strong em mark bdi bdo ruby rt rp time wbr abbr acronym address blockquote cite q del ins dfn i u s strike tt big br col colgroup caption tbody thead tfoot tr th td script noscript style link meta title base html head body div span section article header footer nav aside main{}}
var person={firstName:’John’,lastName:’Doe’,age:’46’};
document.getElementById(demo).innerHTMl+=person.firstName+’ ‘+person.lastName+’ is ‘+person.age+’ years old.’+ ‘
‘;
}
function changeText(id){
id.innerHTML=’Ooops!’;
}
function displayDate(){
document.getElementByld(demo).innerHTML=
Date();
}
alert(Date());
console.log(Date());
for(i=o;i<cars.length;i++){
console.log(cars[i]);
}
for(var car of cars){console.log(car);};
var fruits=['apple','orange','cherry'];
fruits.forEach(myFunction);
fruits.forEach(function(item,index,array){
console.log(item,index);
});
var numbers=[175,50,25];
numbers.sort(function(a,b){return a-b});
numbers.reverse();
console.log(numbers);
try{
adddlert("Welcome guest!");
}catch(err){
document.getElementByld(demo).innerHTMl=
err.message;
}
throw 'Too big';
try{
adddlert("Welcome guest!");
}catch(err){
console.error(err.message);
}finally{
console.warn(
'Thank you for visiting our website'
);
}
// Get the modal var modal=document.getElementByld(modal); // Get the button that opens the modal var btn=document.getElementByld(btn); // Get the element that closes the modal var span=document.getElementsByClassName(close)[o]; // When user clicks onthe button , openthe model. btn.onclick=function(){ modal.style.display=’block’; } // When user clicks on(x), close themodal. span.onclick=function(){ modal.style.display-‘none’; } // When user clicks anywhere outside ofthemodal , close it . window.onclick=function(event){ if(event.target==modal){ modal.style.display-‘none’; } }
if( typeof(Storage)!==’undefined’){ localStorage.setItem(key,value); }else{ document.getelementById(result).innerHtml= Sorry,your browser does not support Web Storage… }