why is simple javascript code not running?

前端 未结 3 1275
渐次进展
渐次进展 2020-12-07 05:19

why is simple javascript code not running ?



        
相关标签:
3条回答
  • 2020-12-07 06:05

    the order

    <a id="myBtn" href="#">click me </a>
    <script type="text/javascript" charset="utf-8">
    
    var btn = document.getElementById("myBtn");
    btn.onclick = function(){
    alert("Clicked");
    };
    
    </script>
    
    0 讨论(0)
  • 2020-12-07 06:19

    Have a look at this. The javascript block needs to be after the html element:

    Your code works but is better to use like this:

    var btn =
    document.getElementById('myBtn');
    btn.addEventListener('click',function
    (e) {   alert('my click works after the html element has been created');
    },true);
    
    0 讨论(0)
  • 2020-12-07 06:20

    Assign your onclick handler after document is loaded.

    <script type="text/javascript" charset="utf-8">
    
    function assignHandler() {
        var btn = document.getElementById("myBtn");
        btn.onclick = function() {
            alert("Clicked");
        };
    }
    
    </script>
    
    <body onload="assignHandler()">
    <a id="myBtn" href="#">click me </a>
    </body>
    
    0 讨论(0)
提交回复
热议问题