jsはシンプルな英語-中国語辞書を実装します

<div id="div1">
     <input id='word' type="text" placeholder="英語の単語を入力" />
     <div id='desc'></div>
</div>

#div1 {
            幅: 200ピクセル;
            高さ: 200px;
            パディング: 50px;
            背景色: ライトグレー;
            境界線: 1px 黒一色;
            マージン: 100px 自動
        }
 
        ＃言葉 {
            幅: 200ピクセル;
            高さ: 30px;
            フォントサイズ: 18px;
        }
 
        #説明 {
            幅: 200ピクセル;
            高さ: 150px;
            上マージン: 20px;
            背景色: 薄緑
        }

 <script src='demo.js'></script>
    <スクリプト>
        // 文字列を改行で配列に分割します。let arr = word.split("\n");
 
        // Map メソッドを作成します。let map = new Map();
 
        // 配列を走査する for (var i = 0; i < arr.length - 1; i += 2) {
            map.set(arr[i].substring(1), arr[i + 1].substring(6));
        }
 
        window.onload = 関数（）{
            oWord = document.getElementById("word"); とします。
            oDesc = document.getElementById("desc"); とします。
 
            oWord.onkeyup = 関数（）{
                値を map.get(this.value); とします。
                if (値) {
                    oDesc.innerHTML = 値;
                } それ以外 {
                    oDesc.innerHTML = "そのような単語は見つかりません";
                }
            }
        }
</スクリプト>