how to change the content
i want to change my li tag content but in which nows function does not work and most importantly console does not give me any error plzzz someone correct that issue and thank you in advance. my code is given below. <!DOCTYPE html> <html> <head> <title></title> </head> <body> <h1>this is chaned the background color</h1> <button onclick="change('red')">background is red</button> <button onclick="change('purple')">background is purple</button> <button onclick="chan('green')">green color</button> <button onclick="chan('black')">black color</button> <button onclick="chans()">change text</button> <p id="head">THIS IS A PARAGRAPH</p> <ul id="fruit"> <li>carot</li> <li>potato</li> <li>strawberry</li> <li>banana</li> <li>ananas</li> </ul> <button id="nows()" type="button">now new</button> <script type="text/javascript"> /*var number=prompt('enter the number'); var counter; var fact=1; for(counter=1;counter<=number;counter++){ fact=fact*counter; } console.log(fact); */ function change(color){ document.body.style.backgroundColor=color; } function chan(cahnge){ document.body.style.backgroundColor=cahnge; } function chans(){ var news=prompt("enter your text"); var hm=document.getElementById('head'); var he=head.innerHTML=news; he.document.body.style.textTransform='uppercase'; he.document.body.style.fontSize='40px'; } function nows(){ var spot=document.getElementById('fruit'); var item1=spot.firstChild; var item2=item1.nextSibling; var item3=item2.nextSibling; var item4=item3.nextSibling; var item5=item4.nextSibling; item1.innerHTML= "ahmad"; item2.innerHTML= "shoaib"; item3.innerHTML= "waqas"; item4.innerHTML= "naseer"; item5.innerHTML= "mineer"; } </script> </body> </html>.
Often have questions like this?
Learn more efficiently, for free:
