Posts

clock

html <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title > </ head > < body >     < header >         < div class = "container" >             < div class = "nav" >                 < h1 > flashcards </ h1 >                 < button >                   < h1 > New Card button </ h1 >                   </ button >                 < h1 > Del card button </ h1 >             </ div >     ...

calculator

  const userInput = document . getElementById ( "userInput" ); var expression = '' ; function press ( num ){     expression += num ;     userInput . value = expression ; } function equal () {     userInput . value = eval ( expression );     expression = '' ; } function erase (){ expression = '' ; userInput . value = expression ; } html <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > calculator </ title >     < link rel = "stylesheet" href = "../css/style.css" > </ head > < body >     < div class = "container" >         < div class = "calculator" >             < input   id = "userInput" placeholder = "0" >   ...

calendar

  // window.addEventListener('load',calculateTime) function calculateTime (){ var date = new Date (); var dayNumber = date . getDay (); var hour = date . getHours (); var minute = date . getMinutes (); var ampm = hour >= 12 ? 'PM' : 'AM' ; var dayNames = [ "SUN" , "MON" , "TUE" , "WED" , "THU" , "FRI" , "SAT" ]; hour = hour % 12 ; hour = hour ? 12 : 12 ; hour = hour < 10 ? hour : hour ; minute < 10 ? '0' + minute : minute ; document . getElementById ( "day" ). innerHTML = dayNames [ dayNumber ]; dayNames [ dayNumber ]; document . getElementById ( "hour" ). innerHTML = hour ; document . getElementById ( "min" ). innerHTML = hour ; document . getElementById ( "ampm" ). innerHTML = ampm ; }

Government faizan

 Government faizan Faida hona chahye khushi ni Mje moqa mila ha logo KI service krsko Khushi yeh hogi k me logo ki islah krsko

counter

  <! doctype html > < html lang = "en" >   < head >     < meta charset = "utf-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1" >     < title > Bootstrap demo </ title >     < script src = "https://kit.fontawesome.com/b766c6b920.js" crossorigin = "anonymous" ></ script >     < script src = "https://kit.fontawesome.com/b766c6b920.js" crossorigin = "anonymous" ></ script >             < link rel = "stylesheet" href = "../css/style.css" >   </ head >   < body >     < div class = "container" >         < div class = "image fade" >           < img src = "../img/lamb-02.png" width = "100%" alt = "" >                   </ div >     ...

show result in javascript

html <! doctype html > < html lang = "en" >   < head >     < meta charset = "utf-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1" >     < title > Bootstrap demo </ title >     < script src = "https://kit.fontawesome.com/b766c6b920.js" crossorigin = "anonymous" ></ script >       < link href = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel = "stylesheet" integrity = "sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin = "anonymous" >     < link rel = "stylesheet" href = "../css/style.css" >   </ head >   < body >     < div class = "container" >         < div class = "message" >             < p >< h3 style = " text-align: center;font-wei...