パハットノート

主にUnity(C#)を中心としたプログラムの備忘録

JavaScript

JavaScript 繰り返し処理(for, while, for of, for in)

Console logへの表示 繰り返し for文 while文 配列 for文での表示 for ofでの表示 for inでの表示 Console logへの表示 Chromeなら「Ctrl」+「Shift」+「I」で、デベロッパーツールを開くことで、コンソールへの出力が確認できます。 console.log('Hello Wor…

Vue3 v-forを使った要素の列挙

基本的な使い方 クラスを利用する場合 liでの列挙 tableでの列挙 基本的な使い方 liなどを列挙したいときに使用する。 See the Pen v-for basic by Midori (@kimidori) on CodePen. クラスを利用する場合 liでの列挙 See the Pen v-for ul by Midori (@kimid…

Vue 導入とHelloWolrdの表示

参考サイト 導入 Hello Worldの表示 Hello Worldの表示② 参考サイト kikuchance.com 導入 Vueの導入はCDNを使った方法と関連ファイルをダウンロードする方法があるそうですが、今回はCDNを使った方法を紹介します。 その場合はこちらのコードをHTMLファイル…

JavaScript HTML要素の取得と変更(getElementId & getElementsByClassName)

HTML要素の取得方法 idからの取得 class名からの取得 HTML要素の編集 テキストを変更 文字色の変更 HTML要素の取得方法 idからの取得 document.getElementByIdを使う。 以下の例では、「id1」というID名のタグを取得し、文字の色を赤にします。 See the Pen …

JavaScript HTMLタグの生成と追加(createElement & appendChild)

基本的な使い方 解説 使用例 少し発展的な使い方 基本的な使い方 解説 document.createElement('タグ名')でタグを生成。 使用例 See the Pen createEle&append by Midori (@kimidori) on CodePen. 少し発展的な使い方 配列の中身を表に追加する。 See the Pe…