You are on page 1of 1

<html>

<script>
var fontSize = 1;
function zoomIn(){
fontSize += 0.1;
document.body.style.fontSize = fontSize + "em";
}
function zoomOut(){
fontSize -= 0.1;
document.body.style.fontSize = fontSize + "em";
}
</script>
<center>
<input type="button" value="++" onClick="zoomIn()"/>
<input type="button" value="--" onClick="zoomOut()"/>
<button id= "color">Warna</button>
</center>
<script>
document.getElementById('color').onclick = changeColor;
var currentColor = "black";
function changeColor(){
if(currentColor == "black"){
document.body.style.color = "#49C1E2";
currentColor = "#49C1E2";
} else {
document.body.style.color = "black";
currentColor = "black";
}
}
</script>
</html>

You might also like