<!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> <select id="selectCont"></select> <p>Some random text to test the program</p> <script type="text/javascript"> const selectCont = document.getElementById("selectCont"); let availableSizes = [8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34]; selectCont.addEventListener("click",(e) => { document.body.style.fontSize = e.target.value + "px"; }); window.onload = () => { for (let i = 0; i < availableSizes.length; i++) { if (i === 0) { selectCont.innerHTML = `<option selected>select font size</option>`; } selectCont.innerHTML += `<option value="${availableSizes[i]}">${availableSizes[i]}</option>`; } }; </script> </body> </html>