マガジンのカバー画像

JavaScript

40
運営しているクリエイター

#勉強

要素の削除

削除ボタンを押すとbox1が無くなる設定をJSで作成する。 削除するにはremove(リムーブ)…

メモ帳作成

inputに記載した文字を ulで追加していく機能です。 HTMLコード <input type="text"> <bu…

メモ帳(ラジオ式)

ラジオボタン式のメモ帳を作成しました。 HTMLコード <fieldset> <legend>好きな食べ物<…

変数とは?? (JS #5)

変数とは、データを保存しておくための箱 簡潔に分かりやすくコードを書くことができる。 コ…

関数の基礎 (JS #6)

関数とは??関数とは、タスクや値計算をする文の集まり 例え)関数とは、料理を手伝う子供た…

オブジェクトについて(JS #4)

VSコード色分けオブジェクトの中でプロパティとメソッドがある  ・プロパティ:水色  ・メ…

メモ帳(セレクト式)

セレクトボックスで選択できる 簡易的なメモ帳を作成しました。 HTMLコード <fieldset> <legend>好きな食べ物</legend> <select> <option>焼肉</option> <option>寿司</option> <option>てんぷら</option> </select> <button>追加</button> </fieldset> <ul> </ul> JSコード docume

JSの用語まとめ

createElement createElement(クリエイト エレメント)とは、HTML 要素を動的に生成します。…

カスタムデータ属性

カスタムデータ属性とは、data属性を任意に付与することができる属性のこと HTMLコード <bu…

プロパティやメソッドの前についている用語まとめ

add(アド)~に追加する。~に加える。 contains(コンテイン)~を含む。 remove(リムー…

addEventListenerの使い方

addEventListenerとは、イベント処理を実行することができるメソッドのこと 今回は、クリック…

要素やidの操作方法

セレクタの操作document.querySelector("h1") document(ドキュメント):DOMを扱うオブジェ…

DOMとは? (JS #2)

DOMとは、Document Object Modelの略です。 ブラウザの仕組み  HTML読み込む    ↓  DOM…

クラスとインスタンスについて

クラス class Post{ constructor(text){ this.text = text; this.likeCount = 0; } show(){...}, } ↓ クラスから作られるオブジェクトのこと インスタンス new Post("Hello")↓{ text: "Hello", likeCount: 0, show(){...},}