JavaScript

トランプ画像を使って神経衰弱を作ってみよう。2023作成の最新版があります1.まずは以下をダウンロードし、デスクトップに展開する。2.以下のようなフォルダ構成になっている。imagesフォルダにはトランプの画像が入っている。3.index....

パネルをスライドさせてもとの配置に戻すゲームを作成してみよう。記事を新しくしました。こちらを参照してください。スタート画面スタートボタンを押すとシャッフルされる。15パズルの要領で移動させていく、動かせるパネルをクリックすると移動する。完成...

JSを使ってカラーシミュレーターを作ってみよう。この記事には2024版があります上部に色とカラーコード、下部にrgb成分を設定するスライダーが表示されている。スライダーを設定すると色とカラーコードが表示される。●index.html

JSを使ってBMI測定アプリを作成しよう。フォーム表示身長と体重を入力して計測ボタンを押すと結果が表示される。なおBMIは体重kg/(身長m*身長m)で求められ判定基準は以下とする。18.5未満　低体重18.5～25未満 普通25～30未満...

今まで学んだことをいかして、下のようなサイトを作成してみよう。以下の仕様を満たすこと。◯重なっているコビトカバの写真をクリックすると最前面に表示される。◯表の偶数行に色をつける。◯jQueryは不可なお、コビトカバの画像は下からダウンロード...

Javaは継承という仕組みを使ってオブジェクトを再利用するがJSはプロトタイプという仕組みを使う。ここではこのプロトタイプは一体なんぞやというところを見ていこう。JavaScriptのプロトタイプからオブジェクト指向を学ぶJSではすべてのオ...

JSによって動的に要素を作成し追加できる。さっそくやってみよう。ボタンがある。押すと要素が追加される。押すたびに要素が追加されていく。web11フォルダを作成しその中にlesson1.htmlを以下のように作成する。●lesson1.htm...

この講座でも汎用データフォーマットとしてCSVは何度か登場しているし、アンドロイド制作のレイアウトを作る際にはxmlを利用してきた。そして今回はJSONを扱う。JSONとは(JavaScript Object Notation)の略でJSの...