javascript - 如何将值存储到外部文件

Question

我用 JavaScript 完成了问答游戏教程，但我现在想通过添加来增强它给它一个高分。

高分将包含用户名及其分数。我不想将数据保存到数据库，而是保存到外部文件。原因是因为我希望即使你离线也能玩。

以下是您完成测验后出现的代码，它会计算您的分数:

function _(x){
    return document.getElementById(x);
}
function thequestion(){
    pingvin = _("pingvin");
    if(pos >= questions.length){
        pingvin.innerHTML = "<h2>You achieved "+correct+" of "+questions.length+" questions correct</h2>";
        _("pingvin_status").innerHTML = "Your Quest Has Come To An End";

        pos = 0;
        correct = 0;
        return false;
    }

我想当您完成任务后，应该会出现一个输入字段和一个提交按钮。单击时，分数值和输入字段将存储在 txt 文件中。这就是我需要帮助的地方，如果有人能花一些时间帮助我，我将不胜感激。

Answer 1

我建议您使用localStorage 。您无法使用 Javascript 直接保存文件，但有一些异常(exception)，例如 Chrome's Storage API .

以下是使用 localStorage 读取和写入数据的基础知识。您想要制作一个分数数组，请将数组转换为 JSON ，然后当您读取数据时，解析您保存的 JSON，并以某种方式显示您保存的分数。

if(localStorage){ // make sure the browser supports localStorage

    // WRITING DATA
    // sample array of scores
    var scores = [{"Player 1" : 1000}, {"Player 2":900}, {"Player 3": 800}]; 
    // save the data under the key "scores"
    localStorage.setItem("scores", JSON.stringify(scores)); 

    // READING DATA
    // if localStorage contains something under the key "scores"
    if(localStorage.getItem("scores") != null)
    {
        // read the data saved in localStorage
        var data = localStorage.getItem("scores"); 
        // turn the data from JSON into an array.
        var scores = JSON.parse(data);
    }
}