0

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

这是一个部分成功的尝试，它只返回含义：

<!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>

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

4

1 回答 1

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在代码中使用了什么，但似乎没有必要。

于 2013-04-06T03:11:27.923 回答