Muy buenas a todos, soy nuevo en esto de javascript y he tenido un problema al parecer sencillo pero no he podido darme cuenta cual es el error:
Tengo un sencillo boton que cambia de color con el evento onclick, lo que sucede es que si bien la primera vez que se le oprime se pone verde, ya la segunda y veces posteriores no va a colocarse rojo, me preguntaba si en mi codigo hay algun tipo de error.
var boton = document.getElementById('boton');
function cambiarColor() {
var bg = boton.style.background;
if (bg == "green") {
boton.style.background = "red";
} else {
boton.style.background = "green";
}
return true;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Eventos</title>
</head>
<body>
<h1>EVENTOS EN JS</h1>
<button id="boton" onclick="cambiarColor();">Presioname</button>
<script src="js-1.js"></script>
</body>
</html>