摩斯密碼加解密器by chatGPT

 上次完成的是凱薩密碼加解密器，這次想完成摩斯密碼加解密器，並且試圖優化自己的指令，而且成功用6個更精確的指令完成整個HTML編寫。

摩斯密碼加解密器

明文：

摩斯密碼密文：

以下是我給chatGPT的6條對話

1. 我想製作一個摩斯密碼加解密網頁，請幫我分成5個步驟，給我HTML、CSS、javascrip的撰寫建議
2. 我的摩斯密碼加解密網頁需要有2個輸入框，分別是[明文]、[摩斯密碼密文] 兩個按鈕，分別是[加密][解密] 摩斯密碼的表現以[.][-][ ]三種符號代表短音、長音、停頓 請先幫我書寫一個HTML範例
3. 請幫我增加javascrip的內容，完成加解密功能
4. 請從這個部分繼續書寫 // 解密按鈕事件處理函數 function decodeHandler() { const morseCode = document.getElementById("morseCode").value; const decodedText = decode(morseCode); document.getElementById("inputText").value = decodedText; } // 綁定事件處理函
5. 最後，請幫我加上美觀的CSS設定 每個文字輸入輸出框要有底色
6. 請從頭開始完整書寫整個HTML加解密器