Estoy tratando de ejecutar este código:
<style type="text/css">
#boton{
width: 50px;
height: 30px;
display: block;
margin:30px;
}
img{
width: 300px;
height: 200px;
margin:30px;
}
</style>
<script type="text/javascript">
var boton = document.getElementById('boton');
boton.onclick = function(){
var imagen = document.getElementById('foto');
imagen.style.display ='none';
}
</script>
</head>
<body>
<button id="boton">Click</button>
<img src="header.jpg" id="foto">
</body>
El problema es que no carga el evento onclick
de ninguna de las formas. También he intentado crear la función antes y llamarla cuando se suceda el evento, pero no funciona. De la única forma que me funciona es introduciendo el código de forma inline, y no quiero hacerlo así. La idea es hacer todo el código javascript en un archivo aparte.
<button id="boton">
NO EXISTE, te he colocado una respuesta con un ejemplo que si funciona, por otro lado lo que hace no es una buena practica, lo correcto es que el código javascript lo coloques al final de la pagina y de ser posible en un archivo aparte, Saludos!! ;))...