javascript
今回のテーマ 今回はJavaScriptで設定したオブジェクトをボタンを押せば昇順、降順に 並び替えるプログラムを考えていく サンプルコード 早速だがHTMLとJavaScriptの記述を以下のようにする。 index.html <html lang="ja"> <head> <meta charset="utf-8"> <title>テスト</title> </head> <body> <div class="button-wrapper"> <button class="ascending">昇順</button> </div></body></html>
今回のテーマ JavaScriptで入力した名前と姓を結合してフルネームとして 表示させるプログラムを作成してみる。 作成したコード index.html <html lang="ja"> <head> <meta charset="utf-8"> <title>テスト</title> </head> <body> <div class="name_container"> <label>姓<input type="text" class="text" id="familyName"></label> <label>名</label></div></body></html>
今回のテーマ オブジェクトとは オブジェクトとは簡単にいうとデータのまとまりのことをいいます。 開発ではよく出てくる言葉です。 以下では「オブジェクトとは関連のあるデータと機能の集合です。」 と記載されています。 JavaScript オブジェクトの基本 -…
今回はjavascriptで配列を削除する際に使用するメソッドであるspliceを使ってみます。 実際に例文をみた方がイメージしやすいですね。 arrays = ["satou","yoshida","katou"] arrays.splice(1,1) console.log(arrays) /*結果*/ ["satou", "katou"] splice()…
現在todoリストをhtml,css,javascriptで作成しているが、追加する要素にclassを付与して作成したいときどうすればよいのかに詰まってしまいました。 var todoBox = document.createElement("li"); todoBox.textContent = todoInput.value; todoList.appendCh…
javascriptの基本であるイベントの発生について 学びましたので、記載することにします。 今回は例としてボタンを押すと、コンソールログに文字を 発生させるjavascriptを作成します。 test.html <html> <header> <meta charset="utf-8"> <title>sample</title> </header> <body> <input type="button" value="ボタン" id="blog"> <script src="test.js"></script> </body> </html> test.j…
前回の続き 現在の時刻表示するjavasriptを書いたけど、英語表示だとやっぱり見にくいです。 よく見る表示である時：分：秒の形式で表示させます。 Sat Dec 28 2019 13:27:55 GMT+0900 (日本標準時) 変換できたコードは以下の通りです。 test.html <html> <header> <meta charset="utf-8"> <title>sample</title></meta></header></html>…
<html> <header> <meta charset="utf-8"> <title>sample</title> <div id="timer"></div> </header> <body> <script src="test.js"></script> </body> </html> (function(){ var timer = document.getElementById("timer"); timer.textContent = new Date(); }()); 結果（例） Wed Dec 25 2019 00:01:11 GMT+090…
