Math.randomを用いた今日のラッキーカラー

これだと画面を更新しないと切り替わらないのが不便…。 //

addEventListenerのクリックイベント

テストをクリック(タッチ)すればテキストが変わるイベント。 ここをクリック(タッチ) これだと一度変わるだけで終わってしまう…。 //

リアルタイムで更新される時間表示

カウントダウンのJavaScriptを作ったことで、リアルタイム(1秒毎)に更新される作り方を知ったので、先にやった現在時間を同じように1秒毎に更新されるように作ってみることにした。 年月日や時間を取得する工程をファンクション化し、それを1秒毎にリセッ…

JavaScriptを用いたカウントダウン

JavaScriptを用いたカウントダウンを作ってみることにした。やり方をネットで検索すると多様な方法が出てきて困惑したが、自分が今理解できる方法で試すことにした。 Dateオブジェクトを用いて、カウントダウンの終点となる日時と現在日時を算出し、それを引…

formタグを利用したJavaScript

HTMLのformタグを利用したJavaScriptに挑戦してみようと思う。テキストボックスに打ち込んで表示ボタンを押せば、指定箇所にその内容が表示される仕組み。onsubmitというイベントハンドラーを用いて、表示ボタンを押したとき入力内容を指定箇所に表示すると…

Dateオブジェクト

Dateオブジェクトを使用すると、指定の日時データが取れるらしい。 Dateオブジェクトのメソッドを利用して、それぞれを変数に代入したあとに、それをhtmlに表示させてみると下記の通り。 今の日時は 表示できている。が、更新しても日までしか表示できていな…

新たなチャレンジ

新型コロナウイルスによって、悪しくも働き方や生き方を見つめ直す機会が生まれました。この機会に何かにチャレンジしたいという思いから、プログラミングに挑んでみようとこのブログを開設しました。 過去にHTMLやCSS程度は少しかじったことのあるレベルの…