JavaScript can change styles
<!DOCTYPE html> <html> <body> <h2>What Can JavaScript Do?</h2> <p id="Zaki" fontsize='12px'>Hello Zaki</p> <button type="button" onClick="document.getElementById('Zaki').style.fontSize='8px'"> Click to Redcue </button> </body> </html>
where to put codes
<!doctype html> <html> <head> <script> function myFunction(){ document.getElementById('demo').innerHTML="paragraph changed."; } </script> </head> <body> <h2> javascript in head</h2> <p id="demo">A Paragraph</p> <button type="button" onClick="myFunction()"> Try It </button> </body> <footer> </footer> </html>