Q&A
javascriptについての質問です。
エラーの原因がわからないので教えていただけると助かります。
下記のプログラムを実行し、クローム検証したところfunctionのところにUncaught SyntaxError: Unexpected token ( というエラー表示されたのですが、よく分かりません。
わかる方いましたらよろしくお願いします。
index3.html:93 [Brackets LiveDev] Connected to Brackets at ws://localhost:8123
1~入力された値までの合計を、DOMの記述を使ってボタンを押したときに表示させるプログラム
javascript
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<meta charset="utf-8"> 5<title>問03</title> 6<script> 7 function(){ 8 var num=prompt('半角英数字を入力してください'); //文字の入力 9 num=parseInt(num); // 文字の正数化 10 11 var total=0; 12 for(var i=1; i<num; i++){ 13 total +=i; 14 var str=document.getElementById('main'); 15 str.innerHTML=total; 16 } 17 } 18</script> 19</head> 20 21<body> 22 <h1>1~入力された値までの合計を、DOMの記述を使ってボタンを押したときに表示させるプログラム</h1> 23 <p><button onClick='btn()s'>クリック</button></p> 24 <h2 id='main()'></h2> 25 26</body> 27</html>
回答2件
0
ベストアンサー
- まず、
function(){はonClick='btn()'となっているためfunction btn() {にします。
こうしないとボタンをクリックされたときに何もおきないとおもいます。
0. また、onClick='btn()s'はonClick='btn()'だと思います。
これはタイプミス？
0. さいごに、getElementByIdで指定しているID名は「main」なので<h2 id='main()'></h2>を<h2 id='main'></h2>に修正します。
mainという関数を実行したいわけじゃないのでこれを修正。ちなみに、<h2 id='main()'></h2>をそのままにしてgetElementByIdで指定しているIDを「main()」としても動くとおもいます。
修正後のソースコードはこのようになり、無事動くと思います。
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <title>問03</title> 6 <script> 7 function btn() { 8 var num = prompt('半角英数字を入力してください'); //文字の入力 9 num = parseInt(num); // 文字の正数化 10 11 var total = 0; 12 for (var i = 1; i < num; i++) { 13 total += i; 14 var str = document.getElementById('main'); 15 str.innerHTML = total; 16 } 17 } 18 </script> 19</head> 20 21<body> 22<h1>1~入力された値までの合計を、DOMの記述を使ってボタンを押したときに表示させるプログラム</h1> 23<p> 24 <button onClick='btn()'>クリック</button> 25</p> 26<h2 id='main'></h2> 27 28</body> 29</html>
補足
念のためですが、for (var i = 1; i < num; i++) とすると、num(入力された値の数)がプラスされないので、1~入力された値までの合計ではなく、1~(入力された値-1)までの合計が出力されますので、ご注意ください。。。
投稿2016/12/01 12:36
編集2016/12/01 12:52
退会済みユーザー
総合スコア0
0
関数名がないです
javascript
1function(){
を
function btn(){
のようにします
あと、 onClick='btn()s' もエラーになります
s はミスだと思うので消してください
それと <h2 id='main()'></h2> の () もいりません
また書いてる通りの動きをさせるなら、
javascript
1 for(var i=1; i<num; i++){
の < を <= にしないと 3 と入力したときに 3 がたされません
投稿2016/12/01 12:40
総合スコア604
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/12/01 20:25