Warcraft 3
Gamerranger
Plutonium
Academia
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>
<html>
<head>
<script>
function trocarImagem(){
var image = document.getElementById("image");
if(image.src === "link1"){
image.src = "link2";
}
else if(image.src === "link2"){
image.src = "link1";
}
}
</script>
</head>
<body>
<img id="image" src="link1" width="500" height="500">
<button onclick="trocarImagem()"> Trocar Imagem </button>
</body>
</html>
0 comentários:
Postar um comentário