Breaking News: Grepper is joining You.com. Read the official announcement!

change font size by the user in js

Noah answered on March 7, 2024 Popularity 1/10 Helpfulness 1/10

answer change font size by the user in js

change font size by the user in js

Comment

<!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>

Popularity 1/10 Helpfulness 1/10 Language html

Source: Grepper

Tags: font-size html

Link to this answer
Share Copy Link

Contributed on Mar 07 2024

Noah

0 Answers Avg Quality 2/10

change font size by the user in js

Contents

More Related Answers

change font size by the user in js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.