html onclick 加载外部 javascript 不工作

Question

我正在尝试从 html 输入按钮加载外部 javascript。但是，当我单击按钮时，没有任何输出或响应。我确实在控制台中收到一条消息，表明脚本已加载。 HTML:

<div class="split left">
    <fieldset class="Receiver Commands">
        <legend>Receiver Commands</legend>
<input type="button" value="click me" id="clickMe" onclick="serverStart()" />
        <script type="text/javascript" src="{%static 'scripts/ServerResponse.js' %}">
    </script>
            <form method="post">
            </form>
        <div id="testtaskbox" class="testtaskbox">
        {% csrf_token %}

        </div>
    </fieldset>
    <fieldset class="receiverResponse">
        <legend>Receiver Response</legend>
        <div class="receiverText">
            <textarea id ="response" class="textarea">Digdebugv2 1.11
                {{responseContext}}
            </textarea>
        </div>
    </fieldset>
</div>

Javascript:

serverStart()
function serverStart () {
  document.getElementById('reponse').innerHTML = '123bob'
  console.log('ServerResponse started')
}

Answer 1

你的document.getElementById('reponse').innerHTML = '123bob' 'response' 拼写不正确。

用这个替换您当前的代码，它将起作用。

 function serverStart () {
  document.getElementById('response').innerHTML = '123bob'
  console.log('ServerResponse started')
}
serverStart();

    <div class="split left">
     <fieldset class="Receiver Commands">
      <legend>Receiver Commands</legend>
    <input type="button" value="click me" id="clickMe" onclick="serverStart()" />
      <script type="text/javascript" src="{%static 'scripts/ServerResponse.js' %}">
     </script>
       <form method="post">
       </form>
      <div id="testtaskbox" class="testtaskbox">
      {% csrf_token %}
    
      </div>
     </fieldset>
     <fieldset class="receiverResponse">
      <legend>Receiver Response</legend>
      <div class="receiverText">
       <textarea id ="response" class="textarea">Digdebugv2 1.11
        {{responseContext}}
       </textarea>
      </div>
     </fieldset>
    </div>

html onclick 加载外部 javascript 不工作

html onclick to load external javascript not working

html

javascript

external