単語から色を連想して表示

テキストボックスに入力した単語から連想される色を3色表示します。連想の妥当性は？？？　これからの課題です。

なお、単語の連想のロジックに、Datamuse APIを使っています。

生成AIをもちいた制作

なお、このプログラムはHTML・CSS・JSを生成AIをもちいて制作しました。

外部ライブラリやAPIを使ったコーディングにどこまで対応しているか試した作品です。

ちなみに、書いたプロンプトは以下のような感じです。

1回目

javascriptで、単語を入力したら、その単語からイメージされる色を表示するプログラムを書いてください。詳細仕様は、以下によります。

・初期状態でテキストボックスが表示されており、単語はそこに入力します。
・テキストボックスの右横に「連想！」ボタンを配置してください。
・連想！ボタンをクリックすると、色が出力されます。
・色は3つ出力してください。
・色は、テキストボックスの下に出力してください。
・色は、カラーコードをあわせて出力してください。

2回目

以下の機能を追加してください。
・外部ライブラリ・API等を使って、さらに多くの単語に対応してください。

想像していたよりもかんたんに実装できたという印象です。

ただし、ごていねいに凝ったデザインのテキストボックスにしてくれたものの、移植のときにうまくいかないのがご愛嬌です。