2017-02-19 7 views
4

JavaScriptコードを含む簡単なHTMLページがあります。HTML、JavaScript、ERR_FILE_NOT_FOUNDエラー

HTML

<!doctype html> 
<html> 
    <head> 
     <meta charset="utf-8" /> 
     <title>Sink The Battle Ship</title> 
    </head> 
    <body> 
     <h1>Battleship</h1> 
     <script src="battleship.js"></script> 
    </body> 
</html> 

はJavaScript

var location = Math.floor(Math.random() * 5); 
var numberOfGuesses = 0; 
var isSunk = false; 
var guess; 
var guess = prompt("Ready, aim, fire! (enter a number from 0-6):"); 
var guessedLocation = parseInt(guess); 
console.log(guess); 
console.log(guessedLocation); 

私は、ブラウザでプロンプトが表示されたHTMLを起動し、私は値を入力すると、それは「私にエラーを与えるたびERR_FILE_NOT_FOUND "ブラウザが入力した値のページにリダイレクトしようとしているようです。何がここで間違っているのだろうか?私は別のブラウザでHTMLを開いてみましたが、まだ運がありません。

+1

。 –

+0

私の答えを確認してください、私はちょうど私がこのエラーを見たのは初めてのことです、私は5年間のjsの開発で、ハハハ、私はこれが起こる可能性は考えていませんでしたが、それは意味をなさないと言うためにここにコメントした。 –

答えて

3

問題は、locationというグローバル変数を再定義することです。

あなたはこの

var location = 1; 

のような変数は、この

window.location = 1; 

場所は、ユーザーがどのページ(場所)で定義するのに使用されるブラウザの変数であることと同じである宣言する。

あなたは2つのことができます

1 - 変数の名前を変更してください場所へ:$場所、location_2、my_location

var myLocation = Math.floor(Math.random() * 5); 

2 - 変数の推測で再宣言停止、唯一のすべての変数名

ためONE 'VAR' を使用し、また

(function(){ 
    var location = Math.floor(Math.random() * 5); 
    var numberOfGuesses = 0; 
    var isSunk = false; 
    var guess = prompt("Ready, aim, fire! (enter a number from 0-6):"); 
    var guessedLocation = parseInt(guess); 
    console.log(guess); 
    console.log(guessedLocation); 
})() 

ローカルスコープを作成します。助けにはならなかった

(function(){ 
 
    var location = Math.floor(Math.random() * 5); 
 
    var numberOfGuesses = 0; 
 
    var isSunk = false; 
 
    var guess; 
 
    var guess = prompt("Ready, aim, fire! (enter a number from 0-6):"); 
 
    var guessedLocation = parseInt(guess); 
 
    console.log(location); 
 
    console.log(guessedLocation); 
 
    guessedLocation == location ? console.log('you sank me!') : console.log('ha! missed...') 
 
})();
<!doctype html> 
 
<html> 
 
    <head> 
 
     <meta charset="utf-8" /> 
 
     <title>Sink The Battle Ship</title> 
 
    </head> 
 
    <body> 
 
     <h1>Battleship</h1> 
 
     <script src="battleship.js"></script> 
 
    </body> 
 
</html>

+1

ありがとうございました。私の問題を解決しました。私はJavaScriptを開始しており、その周りに頭を浮かべています。 –

+0

問題はありません。私たちはそれらの甘い評判のポイントを得ることができるので、あなたの答えとして最高の答えをマークすることを忘れないでください –