スポンサーリンク

動かないコード

JavaScriptの動かないコード (中級編) scriptタグの中味を動的に書き換えた時のエラー

連載目次へ 以下のJavaScriptコードが意図した動作をしないのは,なぜですか。(制限時間1分) <input type="button" onClick="f()" value="「変更後」と表示"> <script language="JavaScript" id="my_script"> function f(){ alert("変更前"); } // 関数を定義し直す my_script.innerHTML = "function f(){alert('変更後');}"; </script>

JavaScriptの動かないコード (中級編) オブジェクトのprototypeを変更した時のエラー

連載目次へ 以下のJavaScriptコードが意図した動作をしないのは,なぜですか。(制限時間1分) やりたい事: 1, a 2, b 3, b という,3種類の値のペアを生成する。 <script language="JavaScript"> // オブジェクトを定義する。 // 2つのメンバ変数 x, y を持つと想定。 var A = function…

JavaScriptの動かないコード (初級編) 関数に配列を渡すときのエラー

連載目次へ 以下のJavaScriptコードが意図した動作をしないのは,なぜですか。(制限時間1分) やりたい事: ["こんにち","は"] という配列を作って,配列の要素を結合して表示。 ["こんにち","わ"] という配列を作って,配列の要素を結合して表示。 <input type="button" value="あいさつを表示" onClick="f()"> <script language="JavaScript"> func…

JavaScriptの動かないコード (初級編) イベントハンドラを動的に追加できない / DOM要素の取得ができない

連載目次へ 以下のJavaScriptコードが意図した動作をしないのは,なぜですか。(制限時間1分) <input type="button" value="「1」と表示" id="my_button"> <script language="JavaScript"> // イベントハンドラを設定 document.getElementsById( "my_button" ).onClick = f; function f() { alert( "1" ); } </script>

JavaScriptの動かないコード (中級編) evalでfunctionを作る時のエラー

連載目次へ 以下のJavaScriptコードが意図した動作をしないのは,なぜですか。(制限時間1分) やりたい事: 文字列で関数を定義し,eval() で実行する。 <input type="button" value="「1」と表示" onClick="f()"> <script language="JavaScript"> function f() { // 文字列を使って関数を定義 var str = "( function() { alert( 1 ); } )"; //ale…

JavaScriptの動かないコード (中級編) selectの中味を書き換えるときのエラー

連載目次へ 以下のJavaScriptコードが意図した動作をしないのは,なぜですか。(制限時間1分) <select id="my_select"> <option>変更前</option> </select> <input type="button" value="セレクトの中身変更" onClick="f()" > <script language="JavaScript"> function f() { //alert( my_select.innerHTML ); // 書き換え my_select.innerHTML = "<option>変更後</option>"; //alert…

JavaScriptの動かないコード (中級編) クロージャを使わない場合に起きるエラー

連載目次へ 以下のJavaScriptコードが意図した動作をしないのは,なぜですか。(制限時間1分) やりたい事: 変数の値を1増やして,表示する。 <input type="button" value="「1」と表示" onClick="f1()" > <input type="button" value="「2」と表示" onClick="f2()" > <script language="JavaScript"> function f1(){ var i = 0; // i の値を 1 増やす関数を, f1 の中に作成 var g = function() { i++; } // i…

JavaScriptの動かないコード (中級編) イベントハンドラが見る値のエラー

連載目次へ 以下のJavaScriptコードが意図した動作をしないのは,なぜですか。(制限時間1分) やりたい事: ページが読み込まれた時刻を,ボタン押下で表示する。 <input type="button" id="my_button" value="このページが読み込まれた時刻を表示"> <script language="JavaScript"> // onload でイベントハンドラを設定する window.onload = function(){ var my_button = …

JavaScriptの動かないコード (初級編) if文の分岐がおかしい

連載目次へ 以下のJavaScriptコードが意図した動作をしないのは,なぜですか。(制限時間1分) <select id="my_select"> <option value=1>有り</option> <option value=0>無し</option> </select> <input type="button" onClick="f()" value="判定"> <script language="JavaScript"> function f() { // valueを取得 var i = my_select.options[ my_select.selectedIndex ].v…

JavaScriptの動かないコード (中級編) テーブルに行追加できない

連載目次へ 以下のJavaScriptコードが意図した動作をしないのは,なぜですか。(制限時間1分) <table border="1" id="my_table"> <tr> <td>1行目です。</td> </tr> </table> <input type="button" onClick="f()" value="行を追加"> <script language="JavaScript"> function f() { //alert( my_table.innerHTML ); // 行要素を作成 var e_tr = document.createElement("tr"); var…

JavaScriptの動かないコード (中級編) かけ算を間違える

連載目次へ 以下のJavaScriptコードが意図した動作をしないのは,なぜですか。(制限時間1分) やりたい事:買い物の合計金額の計算 合計額=(商品単価+手数料単価)×商品個数 商品単価や手数料単価は0.1などの値も入る。 支払い金額は,端数切り捨てとす…

JavaScriptの動かないコード  (JavaScriptエラー集)

「このJavaScriptコードが動かないのは,なぜですか?」というミニクイズ集。 すべて制限時間は1分。別名,JavaScriptのエラー事典。またはアンチパターンのまとめ。 中級編 初級編 番外編 2015年5月現在,全53記事。 中級編 JavaScriptの仕様関連 p要素…

JavaScriptの動かないコード (中級編) p要素への appendChild() で失敗する

連載目次へ クイズ…下記のJavaScriptコードが,意図した動作をしないのはどうしてですか。(制限時間1分) やりたい事: <p>タグの中に,div要素が1つ入っている。もう一つdiv要素を追加して, <p id="target_tag"> <div id="div_1">1つ目のdivです。</div> <div id="div_2">2つ目のdivです。</div> </p> というタグ構造に…

JavaScriptの動かないコード (初級編) 数値判定の方法・・・入力値が有効な整数かどうかチェック

連載目次へ クイズ…下記のJavaScriptコードが,意図した動作をしないのはどうしてですか。(制限時間1分) やりたい事 フォーム上で,テキストボックスに整数を入力してもらう。 有効な整数かどうか,ページ上でバリデーションを行なう。 <input type="text" id="my_num"> <input type="button" onClick="f()" value="数値チェック"> <script language="JavaScript"> function f() {…

JavaScriptの動かないコード (中級編) "インターネットサイト を開けません。操作は中断されました。"

連載目次へ クイズ…下記のコードが意図した動作をしないのは,どうしてですか。(制限時間1分) <body> <p> <script language="JavaScript"> document.body.innerHTML = "test"; alert(document.body.innerHTML); // "test"と表示 </script> </p> </body>

JavaScriptの動かないコード (初級編) DOMアクセスできない

連載目次へ クイズ…下記のコードが意図した動作をしないのは,どうしてですか。(制限時間1分) <body> <script language="JavaScript"> // "test"と表示 alert( my_p.innerHTML ); </script> <p id="my_p"> test </p> </body>

JavaScriptの動かないコード (中級編) Ajax読み込み時に「80020101」のエラー

連載目次へ クイズ…下記のコードが意図した動作をしないのは,どうしてですか。(制限時間1分) やりたいこと: Ajaxを使って,GETで外部ページを読み込む。 a.html上でリンクをクリックすると,b.htmlを読み込み,p要素の中に流し込む。b.html中にはJavaSc…

JavaScriptの動かないコード (初級編) カウンターのエラー

連載目次へ クイズ…下記のコードが意図した動作をしないのは,どうしてですか。(制限時間1分) <input type="button" onClick="f1()" value="クリック"> <script language="JavaScript"> function f1() { // 5回繰り返す for( i = 0; i < 5; i ++ ) { f2(); } alert( "5×5=25回,表示できました。" ); } function f2() { // これも5回繰り…