アラートポップアップonclickが動作しない

Question

修正済み：私は理由を知りました：今はうまくいきます。 Bracketsライブビューアを使用するのではなく、手動でクロムを使用する必要がありました。

「ホーム」をクリックしたときに、アラートボックスがポップアップされるようにします。別のjavascriptファイルを作成してHTMLにリンクしようとしました。私はこれについて他の質問で読んで、いくつかの答えに続き、これを思いついた。しかし、「ホーム」をクリックすると何も起こりません。この問題を解決するのを手伝ってください。

私のコードは以下の通りです：HTMLで

function popup() { 
 
    alert("I am a pop up ! "); 
 
}

body { 
 
    background-color: #efefef; 
 
    margin: 0 auto; 
 
    font-family: sans-serif; 
 
} 
 

 
.nav_bar { 
 
    background-color: #cccccc; 
 
    border: 1px solid #000000; 
 
    width: 900px; 
 
    margin: auto; 
 
    font-size: 22px; 
 
    font-weight: bold; 
 
    text-transform: uppercase; 
 
    padding: 10px 20px 10px 20px; 
 
    -webkit-border-radius: 10px; 
 
    -moz-border-radius: 10px; 
 
    border-radius: 10px; 
 
    text-align: center; 
 
    margin-top: 10px; 
 
} 
 

 
.nav_bar a { 
 
    color: #000000; 
 
    text-decoration: none; 
 
    margin-left: 10px; 
 
    margin-right: 20px; 
 
} 
 

 
.nav_bar a:hover { 
 
    color: darkblue; 
 
    text-decoration: underline; 
 
}

<div class="nav_bar"> 
 

 

 
    <a href="#" onclick="popup(); return false;">Home</a> 
 
    <a href="#">About</a> 
 
    <a href="#">Google</a> 
 

 
</div> 
 

 

 
<h1>Test website</h1> 
 
<h4>Version 1.0</h4>

Answer 1

：ここ

は私のHTMLは、あなたのJSで

<a href='#' id='mylink'>click me</a> 

var myLink = document.getElementById('mylink'); 

myLink.onclick = function(){ 

     alert("I am a pop up ! "); 

} 

EDIT：

あなたのJSファイルが正しいフォルダパスに適切にリンクされていることを確認します。これは役に立つかもしれません：

<script type="text/javascript" src="./javascript.js"></script>