Skip to main content
Ortografía
Origen Enlace
gugadev
  • 19.1k
  • 1
  • 27
  • 49

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 en un archivo aparte.

Estoy tratando de ejecutar este codigo:

    <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 onclick de ninguna de las formas. Tambien he intentado crear la funcion antes y llamarla cuando se suceda el evento, pero no funciona. De la unica forma que me funciona es introduciendo el javascript de forma inline, y no quiero hacerlo asi. La idea es hacer todo el codigo js en un archivo aparte.

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 en un archivo aparte.

Origen Enlace
Jogofus
  • 845
  • 5
  • 17
  • 29

Evento onclick no responde

Estoy tratando de ejecutar este codigo:

    <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 onclick de ninguna de las formas. Tambien he intentado crear la funcion antes y llamarla cuando se suceda el evento, pero no funciona. De la unica forma que me funciona es introduciendo el javascript de forma inline, y no quiero hacerlo asi. La idea es hacer todo el codigo js en un archivo aparte.