Dom.js

//    let div=document.querySelector('div');
// div.innerText;

//OUTPUT-> 'Fruits\n\nMango\nApple\nGauava\nBanana'

//div.innerHTML;

/*output-> '\n    <ul>\n        <p>Fruits</p>\n\n        <li>Mango</li>\n       <li>Apple</li>\n       <li>Gauava</li>\n       <li>Banana</li>\n\n    </ul>\n    '*/

//div.innerText='Raja'; ->change the content of that particular tag

// div.innerHTML='<div>Raja</div>';
//output->'<div>Raja</div>'

                           /* 2. Practice  Question */
      //input->hello js ,from apna college  ->output->hello js ,from apna college  append,(apna collegee)
//   let h2=document.querySelector('h2');
//   h2.innerText='apna college';  ->output-> Apna college
    // h2.innerText=h2.innerText+'from Apna college';
   

                        /* practice  Question ->give unique name each div*/

    //  let divs= document.querySelectorAll('.box');
    //     let index=1;
    // for(let div of divs){
    //  div.innerText=`first div ${index}`;
    //  index++;
    //  }
                //OR

    // divs.forEach((div)=>{
    //      div.innerText=`first div ${index}`;
    //       index++;
    // })


             /*Creation of some Tags using JS*/



             //let button=document.createElement("button");
              // button.innerText='Click me';
                 
            //let div=document.getElementById('parentBox');
               //at the last of chillsdiv
                      //    div.append(button);
               //at the first of childdivs
                    //   div.prepend(button);

                //at the first of the parent div
                   //    div.before("button");
                // at the end of the parent div
                   //  div.after("button");