好きな色を日本語で入力する。入力した色のカラーコードを16進数で表示する。すべての色のカラーコード(16進数)を取得する。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>カラーコード変換アプリ</title>
  </head>
  <body>
    <script>
      // カラーコード変換関数
      function colorCode(colorName) {
        const colors = {
          "赤": "#FF0000",
          "青": "#0000FF",
          "黄": "#FFFF00",
          "緑": "#00FF00",
          "紫": "#800080",
          "ピンク": "#FFC0CB",
          "オレンジ": "#FFA500",
          "茶色": "#A52A2A",
          "灰色": "#808080",
          "黒": "#000000",
          "白": "#FFFFFF"
        };
        if (colors[colorName]) {
          return colors[colorName];
        } else {
          return "その色に対するカラーコードはわかりませんでした。";
        }
      }

      // 入力された色のカラーコードを表示する関数
      function showColorCode() {
        const colorName = prompt("好きな色を日本語で入力してください。");
        const colorCode = colorCode(colorName);
        alert(`${colorName}のカラーコードは${colorCode}です。`);
      }

      // すべての色のカラーコードを表示する関数
      function showAllColorCodes() {
        let allColorCodes = "";
        for (const colorName in colors) {
          allColorCodes += `${colorName}: ${colors[colorName]}\n`;
        }
        alert(allColorCodes);
      }

      // 実行
      showColorCode();
      showAllColorCodes();
    </script>
  </body>
</html>