單獨的HTML/javascript

-2

我試圖讓我的JavaScript代碼在除了我的HTML文件之外的文件中。單獨的HTML/javascript

將兩個腳本之間的鏈接工作，然而像功能document.getElementById()這樣的東西不起作用。

任何人都知道我能夠解決這個問題嗎？

HTML代碼：

<!DOCTYPE HTML> 
    <html> 
     <head> 
      <title>Boost</title> 
      <script src="javascript.js"></script> 
      <link rel="stylesheet" type="text/css" href="styles.css"/> 
     </head> 
     <body> 
      <h3> 
       <p id="TopTextParagraph">Hi there</p> 
       <div> 
        <button id="clickNext">Next</button> 
       </div> 
      </h3> 
     </body> 
</html>

JavaScript代碼：

document.getElementById("clickNext").onclick = goNext; 

function goNext() { 
    console.log("stuff here") 
}

當我把它在HTML文件中使用<script> </script> JavaScript的工作，只是不知道如何使它在工作單獨的Javascript文件。

來源

2017-05-01 Lukas

我們也許，如果我們看到了一些刪除的代碼。就像現在一樣，沒有。編輯你的問題，點擊''''並添加HTML和腳本 – mplungjan

我已經添加了我的代碼 – Lukas

可能的重複 - http://stackoverflow.com/questions/11840148/call-external-js-file-in-html –

您正在head標記內添加腳本。當執行clickNext該片段元素不會在DOM存在

您可以添加腳本的結束標記接近解決問題&從頭部標籤

<body> 
    <h3> 
<p id="TopTextParagraph"> Hi there</p> 
<div>< button id="clickNext"> Next</button></div> 
</h3> 
    <script src="javascript.js"></script> 
</body>

來源

2017-05-01 10:17:59 brk

當然，謝謝！ – Lukas

單獨的HTML/javascript

回答

相關問題