Question

请完全缺乏编程知识。我的目标是发布一个简单和基本英语 - 法语词典，该词典将完全在本地运行。它必须能够处理用户输入，以便在几百个条目中找到相应的含义，用法和词源。

以下是仅返回含义的部分成功尝试：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="Style.css">
        <title>English-French Dictionary</title>
    </head>
    <body>
        <div id="result"></div>
        <script>
            if(typeof(Storage)!=="undefined")
            {
                localStorage.setItem('Apple','Pomme');
            }
            else
            {
                document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
            }

            function myFunction()
            {
                var entryVal = document.getElementById("entryInput");
                var entryId = entryVal.value;
                var entryResult = localStorage.getItem(entryId);
                document.getElementById("result").innerHTML="Result: " + entryResult;
            }
        </script>
        <noscript>Sorry, your browser does not support JavaScript!</noscript>
        <input id="entryInput" type="text">
        <input type="button" value="Search" onClick="myFunction()">
    </body>
</html>

因此，我的问题是如何启用多个结果？考虑到我糟糕的编程水平，还有一种更简单的方法吗？

Answer 1

如果您能够提供英语单词，翻译成法语，含义，使用和词源，您应该能够将其存储在Javascript中。然后在用户输入内容时进行查找。

例如，你有结构：

var words = {
    "apple": {
        translation: "Pomme",
        meaning: "fruit, red, sweet",
        use: "For eating",
        etymology: "From middle english Appel"
    },
    "bowling": {
        translation: "Blah blah",
        meaning: "sport",
        use: "For recreation",
        etymology: "Some old sport"
    }
};

您的myFunction会执行查找：

function myFunction() {
    var entryVal = document.getElementById("entryInput");
    var entryId = entryVal.value.toLowerCase();
    if (entryId in words) {
        document.getElementById("result").innerHTML = "Translation: " + words[entryId].translation;
    } else {
        document.getElementById("result").innerHTML = "Not found";
    }
}

这假设你有能力生成这种信息结构（单词，翻译，意义，使用，词源）。

以下是我的意思演示：http://jsfiddle.net/Qsqqt/1/

我不完全确定您在代码中使用localStorage的内容，但似乎没有必要。

HTML＆amp; Javascript - 简单的英语 - 法语词典

1 个答案: