関数が呼び出されない

htmlとjavascriptで累乗の計算機をつくっています。以下のコードではフォームは表示されるのですが、ボタンをクリックしてもアラートが表示されません。

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>累乗計算機</title> <script type="text/javascript"> var inputNumber,obj,obj2,index,answer; function calculation(obj,obj2) { alert("入力完了") inputNumber = obj.value; index = obj2.value; if (inputNumber.match(/[^0-9]/g)){ alert (inputNumber.match(/[^0-9]/g)+"\n\n数値以外が含まれています"); return false; } alert("計算開始") answer = inputNumber; for (var i = 2; i <= index; i++;) { answer *= inputNumber; } alert(answer) return true; } </script> </head> <body> <form action="#"> <h2>数値入力</h2> <p>元の数値を入力して下さい。</p>

<input type="text" name="txt1" />

<h2>指数入力</h2> <p>指数を入力して下さい。</p>

<input type="text" name="txt2" />
<input type="button" onClick="calculation(this.form.txt1,this.form.txt2)" value="OK" />

</form> </body> </html>

何が原因でしょうか？

スマホで作成しています。QuickEditというアプリでプログラムを書き、FireFoxで開きます。

kei344

2017/04/13 14:23

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。「解決済」にした後でも編集可能なので、よろしくお願いします。

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

回答1件

ベストアンサー

JavaScriptのfor文の文法が間違っているためエラーとなり、
calculation関数が正常に読み込まれていません。

JavaScript
1// i++の後の;はいらない
2for (var i = 2; i <= index; i++;) { 
3answer *= inputNumber; 
4}

投稿2017/04/13 06:11

Clor

総合スコア883

luke

2017/04/13 09:25

ありがとうございます。やってみます。

luke

2017/04/13 09:31

直りました！ありがとうございます！

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

あなたの回答

tips

プレビュー

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

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

関数が呼び出されない

関連した質問