hw7 parts

game log

by adslseetw

HTML

<div id="init">User Name:
    <input id="user" type="text" value="Mickey">
    <br/>
    <br/>
    <button id="login">Login</button>
    <p id='greeting'></p>
</div>
<button id="printLog">Print log</button>

JavaScript

var records = [];

init();

$("#login").click(function () {
    var name = document.getElementById('user').value;
    alert(name + " is playing");

    var result = searchUser(name);
    if (result >= 0) {
        document.getElementById('greeting').innerHTML = "Your high score: " + result;
    } else {
        document.getElementById('greeting').innerHTML = "Welcome!";
    }
});

function searchUser(name) {
    for (var i = 0; i < records.length; i++) {
        if (records[i].name === name) {
            return records[i].score;
        }
    }
    return -1;
}


function init() {
    records.push({
        name: "Adam",
        score: 50
    });
    records.push({
        name: "Brian",
        score: 53
    });
    
    records.push({
        name: "Chaly",
        score: 90
    });

    var objStr = JSON.stringify(records);
    localStorage.setItem("scores", objStr);
}

$("#printLog").click(function () {
    $("#init").toggle();
    // document.getElementById("init").hide();

    var objStr = localStorage.getItem("scores");
    var record_new = JSON.parse(objStr);

    for (var i = 0; i < record_new.length; i++)
    alert(record_new[i].name + ": " + record_new[i].score);
});