javascript
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） <input type="button" onClick="f()" value="「cが選択済みでチェック有りの状態」をコピー" > <div id="div0"> <div id="div1"> <select id="select1"> <option>a</option> <option>b</option> <option selected>c</option> </select> </div></div>
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： 言葉の間に句読点の無い文章中に「。」をつけたい。 お早う今日は今晩は今日はお早う。 → お早う。今日は。今晩は。今日は。お早う。 <script language="JavaScript"> // split()</script>…
JavaScriptプログラミングのTOPへ クイズ：JavaScriptで， "文字列".func() のような（メソッドチェーンができるような）形式で， 1. 文字列を逆順に並び変える方法は？ （ PHPで言うと str_rev() 関数 ） 2. 文字列を n 回反復する方法は？ （ PHPで言うと …
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） <input type="button" onClick="f()" value="「変更後」と表示"> <script language="JavaScript" id="my_script"> function f(){ alert("変更前"); } // 関数を定義し直す my_script.innerHTML = "function f(){alert('変更後');}"; </script>
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： 1, a 2, b 3, b という，３種類の値のペアを生成する。 <script language="JavaScript"> // オブジェクトを定義する。 // 2つのメンバ変数 x, y を持つと想定。 var A = function…
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： ["こんにち","は"] という配列を作って，配列の要素を結合して表示。 ["こんにち","わ"] という配列を作って，配列の要素を結合して表示。 <input type="button" value="あいさつを表示" onClick="f()"> <script language="JavaScript"> func…
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） <input type="button" value="「1」と表示" id="my_button"> <script language="JavaScript"> // イベントハンドラを設定 document.getElementsById( "my_button" ).onClick = f; function f() { alert( "1" ); } </script>
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： 文字列で関数を定義し，eval() で実行する。 <input type="button" value="「1」と表示" onClick="f()"> <script language="JavaScript"> function f() { // 文字列を使って関数を定義 var str = "( function() { alert( 1 ); } )"; //ale…
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） <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コードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： 変数の値を１増やして，表示する。 <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コードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： ページが読み込まれた時刻を，ボタン押下で表示する。 <input type="button" id="my_button" value="このページが読み込まれた時刻を表示"> <script language="JavaScript"> // onload でイベントハンドラを設定する window.onload = function(){ var my_button = …
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） <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コードが意図した動作をしないのは，なぜですか。（制限時間１分） <table border="1" id="my_table"> <tr> <td>１行目です。</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コードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事：買い物の合計金額の計算 合計額＝（商品単価＋手数料単価）×商品個数 商品単価や手数料単価は0.1などの値も入る。 支払い金額は，端数切り捨てとす…
「このJavaScriptコードが動かないのは，なぜですか？」というミニクイズ集。 すべて制限時間は１分。別名，JavaScriptのエラー事典。またはアンチパターンのまとめ。 中級編 初級編 番外編 2015年５月現在，全５３記事。 中級編 JavaScriptの仕様関連 p要素…
連載目次へ クイズ…下記のJavaScriptコードが，意図した動作をしないのはどうしてですか。（制限時間１分） やりたい事： ＜p＞タグの中に，div要素が１つ入っている。もう一つdiv要素を追加して， <p id="target_tag"> <div id="div_1">１つ目のdivです。</div> <div id="div_2">２つ目のdivです。</div> </p> というタグ構造に…
連載目次へ クイズ…下記のJavaScriptコードが，意図した動作をしないのはどうしてですか。（制限時間１分） やりたい事 フォーム上で，テキストボックスに整数を入力してもらう。 有効な整数かどうか，ページ上でバリデーションを行なう。 <input type="text" id="my_num"> <input type="button" onClick="f()" value="数値チェック"> <script language="JavaScript"> function f() {…
連載目次へ クイズ…下記のコードが意図した動作をしないのは，どうしてですか。（制限時間１分） <body> <p> <script language="JavaScript"> document.body.innerHTML = "test"; alert(document.body.innerHTML); // "test"と表示 </script> </p> </body>
連載目次へ クイズ…下記のコードが意図した動作をしないのは，どうしてですか。（制限時間１分） <body> <script language="JavaScript"> // "test"と表示 alert( my_p.innerHTML ); </script> <p id="my_p"> test </p> </body>
連載目次へ クイズ…下記のコードが意図した動作をしないのは，どうしてですか。（制限時間１分） やりたいこと： Ajaxを使って，GETで外部ページを読み込む。 a.html上でリンクをクリックすると，b.htmlを読み込み，p要素の中に流し込む。b.html中にはJavaSc…
連載目次へ クイズ…下記のコードが意図した動作をしないのは，どうしてですか。（制限時間１分） <input type="button" onClick="f1()" value="クリック"> <script language="JavaScript"> function f1() { // 5回繰り返す for( i = 0; i < 5; i ++ ) { f2(); } alert( "５×５＝２５回，表示できました。" ); } function f2() { // これも5回繰り…
