Posts

HTML Code of Calculator

Calculator HTML Code- <html>  <head>        <script>           //function that display value           function dis(val)           {               document.getElementById("result").value+=val           }                       //function that evaluates the digit and return result           function solve()           {               let x = document.getElementById("result").value               let y = eval(x)               document.getElementById("result").value = y           }             ...
Read more

HTML Code of scrolling text :

Scrolling Text HTML Code- <marquee behavior="scroll" direction="left"> I am Devansh Mishra.......... </marquee> <marquee behavior="scroll" direction="right"> I love❤ Programming!!!!!!!! </marquee>
Read more

HTML Code of Word & character counter :

Word & Character Counter HTML Code- <!DOCTYPE html> <html lang="en"> <head> <title>Word and character counter</title> <style> *{   background-color:rgb(195,200,225);   }  h2{      text-align: center;      border: 2px solid black;      font-size: 20px;      padding: 15px 5px;      color: white;      background-color:rgb( 0,225,225);      margin: 0 ;    }    textarea{                width: 98%;                border-color:black;                background-color:white;                    } p{    border:2px solid black;    margin:0;    padding:10px 5px;    text-align:center;    background-color:rgb(...
Read more

HTML Code of Temperature Converter:

Temperature Converter HTML code- <!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width, intial-scale=1"> <title>Temperature Converter by Devansh</title>   <style>     h2{       text-align:center;    }  div{        text-align:center;        background-color:lightgreen;        padding:10px 5px;            } .input-div{            display:inline-block;                 } .inp{       padding:5px 10px;       margin:5px;            font-weight:bold;       font-size:15px;       width:250px;       text-align:center;   } label{         font-size:17px; } p{    border:2px s...
Read more

HTML Code of Text Animation 1st:

Text Animation 1st HTML Code: <html> <head> <title>Page Title</title> <style> *{     padding:0px;     margin:0px;     background-color:black; } body {     height:100vh;     display:flex;     box-sizing:border-box;     justify-content:center;     align-items:center; } h1{     width:0ch;     overflow:hidden;     white-space:nowrap;     font-family:Sans-serif;     font-style:armenian;     letter-spacing:0px;     font-size:50px;     animation:html 5s infinite alternate steps(5);     border-right:3px solid black;     color:white;      } @keyframes html{     0%{         width:0ch;     }     10%{         width:4ch; }     20%{         width:7.5ch; } </style> </h...
Read more

HTML Code of Text Animation 2nd

Text Animation 2nd HTML Code: Devansh Mishra Presents <!DOCTYPE html> <html lang="en">    <head>     <meta charset="UTF-8">     <meta name="viewport" content=         "width=device-width, initial-scale=1.0">     <title>Text Animation</title>     <style>         * {             padding: 0;             margin: 0;             font-family: sans-serif;         }            body {             background: white;         }            .container {             text-align: center;             position: absolute;             top: 50%;       ...
Read more