Javascript function is not being called

Question

When I attach my javascript file to my html, and do a simple printing to the html upon a button press, it does nothing.

HTML code:

<html>
    <header>
        <link type="text/css" rel="stylesheet" href="json_stylesheet.css"/>
        <script type="text/javascript" src="json_creation_functions.js"></script>
        <title>UI for Curl method</title>
    </header>
    <body>      
        <form id="json_input">              
            <button type="button" value="Submit" onclick="post()" > Submit</button> 
        </form>
        <div id="result"></div>
    </body>
</html>

Javascript:

function post() {
  document.getElementById("result").innerHTML = "Hello" ;
}

Answer 1

<header>标记应为<head> （删除er ）

Answer 2

Change header to head tag.

 function post() { document.getElementById("result").innerHTML = "Hello" ; }

 <form id="json_input"> <button type="button" value="Submit" onclick="post()" > Submit </button> </form> <div id="result"></div>

Javascript function is not being called

Question

2 answers

solution1
3 ACCPTED 2015-07-20 14:36:15

solution2
1 2015-07-20 14:36:13

Javascript function is not being called

Question

2 answers

solution1 3 ACCPTED 2015-07-20 14:36:15

solution2 1 2015-07-20 14:36:13

solution1
3 ACCPTED 2015-07-20 14:36:15

solution2
1 2015-07-20 14:36:13