Posts

Full Screen Demo Hello, Full Screen!
Post a Comment
Read more
  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <link href ="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel ="stylesheet" > <style> . wrong { width : 20 px ; } </style> </head> <body> <div class ="col-lg-5" style =" margin : 5 % auto" > <div class ="card p-3" > <div class ="mb-3" > <input type ="text" id ="email" class ="form-control" placeholder ="Email Id" > </div> <div class ="mb-3" > <input type ="text" id ="password" class ="form-control" placeholder ="Password" > </div> <div class ="text-center" >...
Post a Comment
Read more

Calculator

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <meta name ="viewport" content ="width=device-width, initial-scale=1.0" > <title> Document </title> <!-- Compiled and minified CSS --> <link href ="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel ="stylesheet" > <style> button { margin : 10 px ; width : 100 % ; } </style> </head> <body> <div class ="col-lg-4" style =" margin : 5 % auto" > <div class ="card p-3" > <div > <input class ="form-control" type ="text" onclick =" Num1 () ; " id ="num1" ><br> <span id ="Sign" ></span><input class ="form-control" type ...
Post a Comment
Read more

Simple Intrest

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <input type ="number" id ="p" placeholder ="Principle" /><br> <input type ="number" id ="r" placeholder ="Intrest Rate" /><br> <input type ="number" id ="t" placeholder ="Time" /><br> <button onclick =" Calcuate_SI () ; " > submit </button> <div id ="result" > </div> </body> <script> function Calcuate_SI () { var p= document . getElementById ( 'p' ). value ; var r= document . getElementById ( 'r' ). value ; var t= document . getElementById ( 't' ). value ; var r=(p*r*t)/ 100 ; document . getElementById ( 'result' ). innerHTML = "<h1>Interest...
Post a Comment
Read more

DOM

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> * { margin : 10 px ; } </style> </head> <body> <input type ="text" id ="num1" placeholder ="Please Enter Number" value ="" > <br> <input type ="text" id ="num2" placeholder ="Please Enter Number" value ="" > <br> <button onclick =" Add () ; " > + </button> <button onclick =" Sub () ; " > - </button> <button onclick =" Mul () ; " > * </button> <button onclick =" Div () ; " > / </button> <button onclick =" mod () " > % </button> <input type ="text" id ="result2" placeholder ="Result" value ="" > <br> <d...
Post a Comment
Read more

Javascript DOM (Document Object model)

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> div { background : yellow ; height : 400 px ; width : 400 px ; } button { margin : 10 px ; } </style> </head> <body> <div id ="div1" > </div> Color 1 <button onclick =" Red () ; " > Red </button> <button onclick =" Green () ; " > Green </button> <button onclick =" Blue () ; " > Blue </button> <br> Color 2 <button onclick =" Yellow () ; " > Yellow </button> <button onclick =" Pink () ; " > Pink </button> <button onclick =" Orange () ; " > Orange </button> </body> <script> var divobj = document . getElementById ( 'div1' ) ; var color1 = ...
Post a Comment
Read more

video

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <audio width ="300px" controls autoplay muted > <source src ="https://jiolive.tv/player/jiotv/app/live/155/null/5d51dc8a1fe1268607170c151e9ca2f240c4bea7a6c95bbc6973cd3289b6981b15ba6fcdf8b34e31eb88f3bde3eefe1afcaa3d830d53b91b9b6f02620af3503da9ae5f922b05af4cee967c33e26499c8d87eb5ee16b05f06458e33eb733bc2ef_playlist.m3u8" type ="video/mp4" > </audio> <video width ="320" height ="240" poster ="Image/Computer.jpg" controls > <source src ="video/video%20(2160p).mp4" type ="video/mp4" > </video> </body> </html>
Post a Comment
Read more