prompt関数を用いる際のエラー

javascriptでprompt関数を用いて、ダイヤログを表示させたいのですが、実行時にエラーが発生します。

main.js

const input = prompt('今日の天気は？次の3つのうち、いずれかの文字列を入力してくささい。(晴れ or くもり or 雨)');

if (input === '晴れ') {
    alert('今日は気持ちの良い一日になりそうですね！');
  } else if( input === 'くもり') {
    alert('どんよりした天気ですが今日も一日がんばりましょう！');
  } else if( input === '雨') {
    alert('家でゆっくり過ごすのも良いと思いますよ！');
  } else {
    alert('晴れ・くもり・雨以外の文字列には対応していません。');
  }

index.html


<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>【エクササイズ】入力内容に応じてalertメッセージを切り替える</title>
</head>
<body>
  <script src="main.js"></script>
</body>
</html>

以下がエラーです。

ReferenceError: prompt is not defined
    at Object.<anonymous> (/home/yuya/Desktop/programming/javascript/js_excercise_for_grammer_2/main.js:1:77)
    at Module._compile (internal/modules/cjs/loader.js:738:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:749:10)
    at Module.load (internal/modules/cjs/loader.js:630:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:570:12)
    at Function.Module._load (internal/modules/cjs/loader.js:562:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:801:12)
    at internal/main/run_main_module.js:21:11

エディタはVScodeを使用しています。
よろしくお願いします

miyabi_pudding

2019/05/14 05:24

この構文を実行している、HTMLコード、ブラウザ、ブラウザのバージョンを記載してください。ブラウザによっては、prompt自体が使えない場合があります。

oxyu8

2019/05/14 05:34

ブラウザはgooglechromeで、バージョンはバージョン: 73.0.3683.103（Official Build）（64 ビット）でした。 htmlコードは以下のとおりです <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>【エクササイズ】入力内容に応じてalertメッセージを切り替える</title> </head> <body> <script src="main.js"></script> </body> </html>

miyabi_pudding

2019/05/14 05:42

なんと・・・。 Chromeで動かないんですか。エラーの内容は、prompt自体が存在しない、というエラーになります。 Chromeで、そんなことはありえないはずなのですが。 main.jsの中身も、質問文本文に追記していただけませんか？質問文編集画面にて、<code>ボタンを押すと、ソースコードを記載するための文字が挿入されるので、それを使ってソースコードを記載してください。 HTMLも同様にお願いします。

oxyu8

2019/05/14 05:58

編集しておきました！

miyabi_pudding

2019/05/14 06:12

追記ありがとうございます。もしや、なんか、JavaScriptフレームワークとか使ってます？ main/run_main_module.jsなどと出ているので、何か使ってますよね？もしそうならば、フレームワーク上のpromptメソッドを参照している可能性があります。であれば、フレームワークによりますが、フレームワークの処理の中でpromptを使う必要があります。

oxyu8

2019/05/14 06:14

回答ありがとうございます。少し調べてみます。

miyabi_pudding

2019/05/14 06:18

調べてもわからなかった場合、本質問にて、タグに、使用しているフレームワークも追加してください。 javascriptとHTMLだけでは、このような現象はおきませんし、情報が足りなく、回答を得られないかと思います。

oikashinoa

2019/05/14 09:19 編集

miyabi_pudding

2019/05/14 09:21

okikashinoaさん>それだ・・・！ありがとうございます。質問者さん、いかがでしょうか？

otn

2019/05/14 12:06

ブラウザで、index.html を表示させたときのエラーでしょうか？なんか、違うことをやってそうな気がします。

oikashinoa

2019/05/14 23:09 編集

↑x2の私の記載。 main.jsは、ここに記載していただいたコードが全てで有れば、私の回答はまと違いですね。 main.jsの内容をhtmlに直書きして切り分けしてはいかがですか？

行動規範の内容に同意します

回答3件

たぶん関係ないとは思いますが
「window.prompt」でも同じですかね？
念の為promptは引数を２つ指定してください（２つめにデフォルト値）

投稿2019/05/14 05:44

yambejp

総合スコア114839

oxyu8

2019/05/14 06:00

window,promptにするとReferenceError: window is not definedというエラーがおきました。

yambejp

2019/05/14 06:24

> window,promptにすると「window.prompt」でも同じですか？（カンマじゃなくてピリオド）

oxyu8

2019/05/14 06:28

すみません。打ち間違えです。コードはwindow.promptで書きましたが、上記のエラーがおきました。

行動規範の内容に同意します

const input = prompt('今日の天気は？次の3つのうち、いずれかの文字列を入力してくささい。(晴れ or くもり or 雨)');

を

var input = prompt('今日の天気は？次の3つのうち、いずれかの文字列を入力してくささい。(晴れ or くもり or 雨)');

に変えたら、解決すると思います。

inputは定数(const)と定義されているので、そこに入る値(右辺)は実行前(コンパイル時)に定まっている必要があります。
ところが、prompt関数はキーボードからの入力を返すもものなので実行時にしか値が定まりません。

＝＝
余談
＝＝
windows.promptは、バッチやコマンドプロンプトで有効な関数です。
Javascriptにwindows.prompt関数はありません。

投稿2019/05/14 07:10

coco_bauer

総合スコア6915

maisumakun

2019/05/14 07:14

JavaScriptのconstは、コンパイル時に値が決まる必要はありません。「それ以降に変数の中身を入れ替えられない」だけです。 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/const （代入するものは「正当な式なら、どんなものでもかまいません。」）ブラウザにもwindow.promptはあります（JavaScriptではない、といえばそうかもしれませんが）。 https://developer.mozilla.org/ja/docs/Web/API/Window/prompt