JavaScript

Set で少し遊んでみます。

そもそも Set とは

重複を許さないコレクションのことです。コレクションとはデータの集まりのようなイメージです。

公式のURLは以下です。

重複を許さない、というところ ...

前回の続きです。

課題

クライアントから追加の修正依頼がきました。

色を変える時は、一つ前の色以外の色にして欲しい

グレーからは、赤・青・黄のどれかにランダムで変わるようにしましたが、連続で同じ色になること ...

前回の課題の続きです。

課題

今回はクライアントからの依頼ではなく、これまでのコードを少しリファクタリングしてみます。

今のコードはこんな感じです。

const getRandom = (min, max) ...

前回の課題の続きです。

課題

前回、ボタンをクリックすると５秒間はクリックしても色が変わらないようにしましたが、それをユーザーがわかるように実装して欲しいと追加の依頼をもらいました。

ボタンをクリックしても色が変化しな ...

前回の課題の続きです。

課題

クライアントから、さらなる依頼をもらいました。

一度ボタンを押すと、５秒間はクリックされても色が切り替わらないようにしてほしい

今回はこちらを実装してみます。

前提set ...

前回の課題の続きです。

課題

今の画面をクライアントに見てもらったところ、以下の指摘をもらいました。

ボタンをすばやくクリックしたときに、テキストの部分が青色になることがあるので修正してほしい

確認したとこ ...

前回の課題の続編です。

課題

前回、ボタンを押すborderとテキストをredに変更するようにしましたが、もっとカラフルにして欲しいとの依頼がありました。

詳細は以下です。

ボタンを押すと、赤、青、黄のいず ...

要素をクリックすると色が変わる、という処理を実装してみたいと思います。

課題

すでに以下のようなボタンがHTML、CSSで実装されています。

このボタンを押すと、テキストとボーダーの色をredにすることが課題です ...

以下のように、hoge はデフォルトでエクスポートされているとします。

const hoge = () => 'hoge';export default hoge;

これを別名でインポートしたい場合は、 ...

package.json に以下のような設定があり、npm run start で main.js を実行できるようにしているとします。

"scripts": { "start": &qu ...