Estoy tratando de ejecutar este codigocó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 eveno onclickevento onclick
de ninguna de las formas.
Tambien También he intentado crear la funcionfunción antes y llamarla cuando se suceda el evento, pero no funciona. De la unicaúnica forma que me funciona es introduciendo el javascriptcódigo de forma inline, y no quiero hacerlo asiasí. La idea es hacer todo el codigo jscódigo javascript en un archivo aparte.