The HTML Window innerWidth property returns the width of the content area of a window in an HTML document.SyntaxFollowing is the syntax −window.innerWidthLet us see an example of HTML Window innerWidth Property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;     ... Read More

The HTML Window innerHeight property returns the height of the content area of a window in an HTML document.SyntaxFollowing is the syntax −window.innerHeightLet us see an example of HTML Window innerHeight Property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;     ... Read More

The HTML Window length property returns the number of elements in the current HTML document.SyntaxFollowing is the syntax −window.lengthLet us see an example of HTML Window length property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block; ... Read More

The HTML5 mathematical operators are used for mathematical and technical operators’ representation in an HTML document. So, to use such operators to web page, we use HTML entity name. If no entity name exists then you can use entity number which is a decimal or a hexadecimal reference.SyntaxFollowing is the syntax −&operatorName;Or&#operatorHexcode;Or&#operatorHexadecimalcode;Let us see an example of HTML5 mathematical operators −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);       text-align: center;    } ... Read More

The HTML DOM Aside Object represent the element of an HTML document.Create aside object−SyntaxFollowing is the syntax −document.createElement(“ASIDE”);Let us see an example of aside object−Example Live Demo    body {       text-align: center;       background-color: #fff;       color: #0197F6;    }    h1 {       color: #23CE6B;    }    .btn {       background-color: #fff;       border: 2px solid #0197F6;       height: 2rem;       width: 40%;       margin: 2rem auto;       display: block;       color: #0197F6; ... Read More

The HTML DOM KeyboardEvent altKey property returns whether an ALT key was pressed or not when a key event was triggered in an HTML document.SyntaxFollowing is the syntax −event.altKeyLet us see an example of HTML KeyboardEvent altKey property−Example Live Demo    body {       color: #000;       height: 100vh;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;       text-align: center;    }    input {       border: 2px solid #fff;       padding: 8px;       background: transparent;       width: 310px;       border-radius: ... Read More

The HTML DOM Variable Object represent the element of an HTML document.Create var object−SyntaxFollowing is the syntax −document.createElement(“VAR”);Let us see an example of var object−Example Live Demo    body {       text-align: center;       background-color: #fff;       color: #0197F6;    }    h1 {       color: #23CE6B;    }    .btn {       background-color: #fff;       border: 2px solid #0197F6;       height: 2rem;       width: 40%;       margin: 2rem auto;       display: block;       color: #0197F6; ... Read More

The HTML DOM HR Object represent the element of an HTML document.Create hr object−SyntaxFollowing is the syntax −document.createElement(“HR”);Let us see an example of hr object−Example Live Demo    body {       text-align: center;       background-color: #fff;       color: #0197F6;    }    h1 {       color: #23CE6B;    }    .btn {       background-color: #fff;       border: 2px solid #0197F6;       height: 2rem;       width: 40%;       margin: 2rem auto;       display: block;       color: #0197F6; ... Read More

The HTML DOM Ins Object represent the element of an HTML document.Create ins objectSyntaxFollowing is the syntax −document.createElement(“INS”);Properties of ins objectPropertyExplanationciteIt returns and alter the value of the cite attribute of an ins element in an HTML document.dateTimeIt returns and alter the value of the cite attribute of an ins element in an HTML document.Let us see an example of ins object−Example Live Demo    body {       text-align: center;       background-color: #fff;       color: #0197F6;    }    h1 {       color: #23CE6B;    } DOM ins ... Read More

The HTML ondblclick attribute is triggered when you mouse double-click on an HTML element in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML ondblclick event Attribute−Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       ... Read More