Posts

personal branding

Image
 

portfolio cover

Image
 

guessing game

Image
  <html> <head> <style> .myDiv {   border: 5px outset red;   background-color: black;       text-align: center; } </style> </head> <body>    <div class="myDiv">   <h2>Guessing Game</h2> </div> <h2> Enter your Guess Number  </h2> <input type="text" id="input1" onkeydown="keydownevent()"/>  <p id="display"> <p id="display2"> <script> <!-- function keydownevent() { document.getElementById("input1");                 n=document.getElementById("input1").value;                 document.getElementById("display").style.color="white";                   x=Math.floor(Math.random()*5 +1);                                   ...

password

Image
  <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Password form to open your blog </title> </head> <div class="container"> <div class="header"> <h2>Sign Up</h2> </div> <form id="form" class="form"> <div class="form-control"> <label for="username">Username</label> <input type="text" placeholder="Enter Username" id="username" /> <i class="fas fa-check-circle"></i> <i class="fas fa-exclamation-circle"></i> <small>Error message</small> </div> <div class="form-control"> <label for="username">Email</label> <input type="email" placeholder="Enter Email" id=...

Personal dev. selfconfidence picture

Image
  This is my self confidence picture  Feb 24 2020 that's the day when I become so free in my life all the problems disappear every time I sing on stage, all the pain disappears all the trauma disappears every time I perform in front of people. music and art are the only sources of my strength.

Javascript activity midterm

Image
  html> <head>Javascript Events</head> </br> <body id="bodybg" onload="window.alert('Page successfully loaded');"> <script> <!-- n=Math.floor(Math.random()*10); document.write("The page is loaded successfully" +n); switch(Number(n)) { case 1:document.body.style.background="pink"; break; case 2:document.body.style.background="red"; break; case 3:document.body.style.background="maroon"; break; case 4:document.body.style.background="brown"; break; case 5:document.body.style.background="yellow"; break; case 6:document.body.style.background="orange"; break; case 7:document.body.style.background="green"; break; case 8:document.body.style.background="blue"; break; case 9:document.body.style.background="gray"; break; default:document.body.style.background="aqua"; break; } //--> </script> ...