JavaScript

JavaScript課題:カウンタ

次の機能を持つカウンタアプリを作ってください。+ボタン1ずつ加算する-ボタン1ずつ減算するリセットボタン0に戻すイメージ解答例を見るindex.html<!DOCTYPE html><html lang="ja"><head> <meta ...
JavaScript

JavaScript課題:配列に指定した名言を順に表示する

配列meigenに次のような名言が定義されているとします。let meigen = [ "おまえは今まで食ったパンの枚数をおぼえているのか?", "認めたくないものだな。自分自身の、若さゆえの過ちというものを", "失ったものばかり数えるな...
JavaScript

JavaScriptアプリのひな型

HTML, CSS, JavaScript部分をそれぞれ以下のように index.html, style.css, main.js に3分割しておくとウェブアプリを作りやすいです。
JavaScript

JavaScript:テキストボックスの変更をリアルタイムに反映する課題

テキストボックスに入力した色名(red, blue, #ddcc00等)を背景色にリアルタイムに設定します。解答例1index.html<!DOCTYPE html><html lang="ja"><head> <meta charset=...
JavaScript

JavaScript:足し算アプリ

=ボタンをクリックするとテキストボックスに入力した2つの数値を足し算して表示するイメージソースコードindex.html<!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8">...
JavaScript

JavaScript:イベント処理の課題

js0201_1.html起動時にコンソールに1~100まで表示するjs0201_2.htmlボタンを押すと、ボタンの表示文字が変わるjs0201_3.htmlマウスボタンを押した状態だと背景が黒くなり、マウスボタンを離すと背景が白に戻るj...
JavaScript

Javascript:ホームページを書き換える課題

JavaScriptでdocument.getElementByIdを使った課題例です。
HTML

Font Awesomeを使ってサイトに先頭に戻るアイコンを設置する

とりあえずHTMLとCSSで手軽に先頭に戻るアイコンを設置したい場合の方法
HTML

サイトを検索できるようにHTMLを設定する実例

headタグ内に以下のmetaタグを入れます。descriptionのサイトの説明文部分の文字数は90文字以内が適当です。(スマホ等を考慮して)<meta name="robots" content="INDEX,FOLLOW"><meta...
Unity

Unity:背景をスクロールさせる

背景を下にスクロールさせるイメージです。背景のイメージ画像720 x 1280ピクセルの縦長画像で作成してください。PNG形式で保存。シーンへのスプライト画像配置シーンに同じ画像を2つ縦に配置します。スプライト画像の Order in La...