未知のReferenceError：functionは定義されていないエラーです、なぜですか？

私はjavascriptで自分の手を試していますが、動作しますが、突然動作を停止しました。つまり、js関数が呼び出されません。 .jsファイルとhtmlファイルの両方をデスクトップに置いていますが、まだ動作していません。未知のReferenceError：functionは定義されていないエラーです、なぜですか？

エラー：

Uncaught ReferenceError: funcLoadImage is not defined 
    at HTMLButtonElement.onclick

と、このエラーは私が呼び出しています任意の関数のためである可能性があります。

JS：

function funcLoadImage() { 
    document.getElementById("img1").src = "https://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg" 
} 

function funcMath(type, data) { 
    if (type == 1) { 
    document.getElementById("img1").alt = 'Type 1' 
    } 

    if (type == 2) { 
    document.getElementById("img1").alt = 'Type 2' 
    } 
} 

funtion funcDate() { 
    document.getElementById("img1").alt = 'date add' 
}

HTMLコード：

<!DOCTYPE html> 
<html> 
<head> 

</head> 
<body> 

<img id="img1" src="" alt="No image loaded" width="50%" height="50%"/> 
<button id="btn1" width="20%" height="20%" onclick='funcLoadImage()'>Load Image</button> 
<button id="btn2" width="20%" height="20%" onmouseover="this.style.width='60%'" onmouseout="this.style.width='20%'">Write Doc</button> 
<button id="btn3" width="20%" height="20%" onclick='funcMath(1,4)'>Calculate</button> 
<button id="btn4" width="20%" height="20%" onclick='this.innerHTML=Date()'>Display Date</button> 



<p> 

</p> 
<script src="script1.js"></script> 

</body> 
</html>

出典

2017-02-21 Covert

.............これを試してみてくださいこれがあなたの実際のコードならば、あなたは構文エラーとなる 'funtion funcDate'をここに入力します。そのため、' script1.js'の内容全体がその構文エラーのため評価されません。 –

ありがとうございます。答えのボックスに入れて、私は答えとしてマークします – Covert

function funcLoadImage() { 
 
    document.getElementById("img1").src = "https://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg"; 
 
} 
 

 
function funcMath(type, data) { 
 
    if (type == 1) { 
 
    document.getElementById("img1").alt = 'Type 1'; 
 
    } 
 

 
    if (type == 2) { 
 
    document.getElementById("img1").alt = 'Type 2'; 
 
    } 
 
} 
 

 
function funcDate() { 
 
    document.getElementById("img1").alt = 'date add'; 
 
}

<!DOCTYPE html> 
 
<html> 
 
<head> 
 

 
</head> 
 
<body> 
 

 
<img id="img1" src="" alt="No image loaded" width="50%" height="50%"/> 
 
<button id="btn1" width="20%" height="20%" onclick='funcLoadImage()'>Load Image</button> 
 
<button id="btn2" width="20%" height="20%" onmouseover="this.style.width='60%'" onmouseout="this.style.width='20%'">Write Doc</button> 
 
<button id="btn3" width="20%" height="20%" onclick='funcMath(1,4)'>Calculate</button> 
 
<button id="btn4" width="20%" height="20%" onclick='this.innerHTML=Date()'>Display Date</button> 
 

 

 

 
<p> 
 

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

 
</body> 
 
</html>

出典

2017-02-21 07:00:20

これがOPの問題を解決する理由を説明してください。 OPの内容が間違っていない限り、コードを貼り付けるだけでは役に立ちません。 – Icepickle

あなたのコードには多くの構文エラーがあります...ステートメントの最後にセミコロンを入れなかったのと同じように... セミコロン挿入を自動化するとエラーが多く発生します...自分自身を入れようとします... –

唯一の構文エラーは'funtion'です。セミコロンを省略すると、構文エラーではありません**。セミコロンを省略すると、良いか悪いかが議論することができます。両方とも賛否両論があります。 –

未知のReferenceError：functionは定義されていないエラーです、なぜですか？

答えて

関連する問題