1027 update

久しぶりにあれやこれやに触った.

📊 カラーインデックスモードの追加

토글を試してみたかったのですが、切り替えはいくつかのクラスを削除しました.
divを追加する必要があるため、他のモードのように直接:block noneと表示されます.
モデルの外部領域をクリックすると、修正してモデルを終了します.
呉이벤트 버블링に会います.
昨日の夜から解決しようと思って、ほほほ

<div class="modal_container" id="modal_legend">
    <div class="modal_layer2" id="layer"></div>
    <div class="modal_legend">        
        <div class="modal_xBtn" onClick="closeModal()"><i class="fas fa-times fa-lg"></i></div>                 
        <ul class="colorLegend">
        생략
        </ul>
    </div>
</div>

モデルの外で1階を作ります

function openLegend(){
	 document.getElementById('modal_legend').style.display='block';

	const layer = document.getElementById('layer');
	layer.addEventListener("mousedown", e => {
			closeModal();
	})
}

layerにmousedownイベントを掛けて、半日苦労して、無色にkkを解決しました
cssでもcssでもバニラダンでも内蔵機能を最大限に活用することが大切だと感じました.
これが基本ですか...ほほほ
基本的な知識に精通している場合は、想像以上に実現しやすい機能を得ることができます.

💬 ユーザーフィードバック伝達モードの作成

EmailJSライブラリの使用
サーバーなしで簡単にメールが送れるライブラリがあったので試してみましたが、簡単すぎました!
サイトが提供するメールテンプレートを追加/変更して、私が望んでいるデータを受信できます.

サイトから送信されたEメールの確認