function darkMode(){
document.getElementById("txt").style.fontSize = "25px";
document.getElementById("txt").style.color = "white";
document.getElementById("titulo").style.color = "white";
document.getElementById("corpo").style.backgroundColor = "black";
}
function lightMode(){
document.getElementById("txt").style.fontSize = "25px";
document.getElementById("txt").style.color = "black";
document.getElementById("titulo").style.color = "black";
document.getElementById("corpo").style.backgroundColor = "white";
}
function orangeMode(){
document.getElementById("txt").style.fontSize = "25px";
document.getElementById("txt").style.color = "orange";
document.getElementById("titulo").style.color = "orange";
document.getElementById("corpo").style.backgroundColor = "wheat";
}
function pinkMode(){
document.getElementById("txt").style.fontSize = "25px";
document.getElementById("txt").style.color = "pink";
document.getElementById("titulo").style.color = "pink";
document.getElementById("corpo").style.backgroundColor = "firebrick";
}
</script>
</head>
<body id="corpo">
<h1 id="titulo"> Sandman </h1>
<div id="txt">
<button onclick="darkMode()"> Modo Escuro </button>
<button onclick="lightMode()"> Modo Claro </button>
<button onclick="orangeMode()"> Modo Laranja </button>
<button onclick="pinkMode()"> Modo Rosa </button>
0 comentários:
Postar um comentário