how to change font size on button click in javascript
<script type="text/javascript">
var fontSizes = [
"xx-small",
"x-small",
"small",
"medium",
"large",
"x-large",
"xx-large"
];
function getFontSize(id) {
return document.getElementById(id).style.fontSize || "medium";
}
function changeFontSize(id, size = "medium") {
document.getElementById(id).style.fontSize = size;
}
function cycleSize(id) {
let i = fontSizes.indexOf(getFontSize(id)) + 1;
changeFontSize(id, fontSizes[i >= fontSizes.length ? 0 : i]);
}
</script>
<p id="p">Click the button below to change my size!</p>
<button onclick="cycleSize('p')">Change size</button>
Are there any code examples left?
New code examples in category Html
-
Html 2022-03-27 21:55:05 how to kill html
-
Html 2022-03-27 21:55:02 How to create web urls without extensions
-
Html 2022-03-27 21:45:11 space between 2 h tags without break
-
Html 2022-03-27 21:40:13 how to resize submit button in html
-
Html 2022-03-27 20:40:18 https://www.codegrepper.com
-
Html 2022-03-27 19:55:09 show image inside table with innerhtml
-
Html 2022-03-27 19:30:47 html email input
-
Html 2022-03-27 18:45:01 how to add favicon in html
-
Html 2022-03-27 18:15:21 picture html
-
Html 2022-03-27 18:15:11 ex: javaasdasdasdasd