DOM AND BOM IN JAVASCRIPT

 HTML


<!DOCTYPE html>

<html>


<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width">

  <title>replit</title>

  <link href="style.css" rel="stylesheet" type="text/css" />

</head>


<body>

  Hello world

  <br>

  I am learning javascript

  <script src="script.js"></script>


  <!--

  This script places a badge on your repl's full-browser view back to your repl's cover

  page. Try various colors for the theme: dark, light, red, orange, yellow, lime, green,

  teal, blue, blurple, magenta, pink!

  -->

  <script src="https://replit.com/public/js/replit-badge-v2.js" theme="dark" position="bottom-right"></script>

</body>


</html>


css

no css


Javascript

console.log(window)

console.log(document)

console.log(document.body)

document.body.style.background = "yellow"


//DOM - Document Object Model

//MULTIPLE METHODS IN ONE PROCESS

//BOM - Browser Object Model


// BOM - YOU CAN REDIRECt A USER TO ANATHOR WEBPAGE LIKE FACEBOOK , WHATSAPP , YOUTUBE 

Comments

Post a Comment

Popular posts from this blog

AMAZON HOME PAGE CLONE PROJECT

Image
HTML <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Amazon </ title >     < link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity = "sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin = "anonymous" referrerpolicy = "no-referrer" />     < link rel = "stylesheet" href = "STLE.CSS" > </ head > < body >     < header >         < div class = "navbar border" >             < div class = "nav-logo border" >                 < div class = "logo" ></ div >             ...
Read more

Array in function Javascript

  const ranger = [ "Troy" , "Jake" , "Noah" ] const rangerd = [ "Tylor" , "Chase" , "Koda" ] // ranger.push(rangerd) // const allranger = ranger.concat(rangerd) // console.log(allranger); // console.log(Array.isArray("Debadatta")); // console.log(Array.from("Debadatta")); // console.log(Array.isArray({name:"Debadatta"}));// Intresting let score1 = 100 let score2 = 200 let score3 = 300 console . log ( Array . of ( score1 , score2 , score3 ));
Read more

Function in Javascript

  function Nickname (){     console . log ( "D" );     console . log ( "E" );     console . log ( "B" );     console . log ( "A" ); } // Nickname() // function add(num1, num2){ //     console.log(num1+num2); // } function add ( num1 , num2 ){     // let result = num1 + num2     // return result     return num1 + num2 } // const result = add(10,20) // console.log("Result: ",result); function login ( username ) {     if ( username === undefined ){         console . log ( "Please enter user name" )         return     }     return ` ${ username } Just logged in` } // console.log(login()); // ====== function calculate ( ... num1 ){     return num1 } // console.log(calculate(200,450,250)); const user = {     username : "Aditya" ,     price : 252 } function handleobj ( anyobject ){    ...
Read more