Posts

Showing posts from October, 2023

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...

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 = ...

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>