JavaScript

JavaScript

JavaScript:三角形の描画

悪い例 beginPathに対してパスを閉じていない index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X...
JavaScript

JavaScript課題:日めくりカレンダー

日めくりカレンダーっぽく今日の日付を表示させてください。 イメージ
JavaScript

JavaScript課題:カウンタ

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

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

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

JavaScriptアプリのひな型

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

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

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

JavaScript:足し算アプリ

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

JavaScript:イベント処理の課題

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

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

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

JS:デジタル時計

digital_clock.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>デジタル時計</title> <style> #time{ padding: 1e...