输出数组,然后显示用户的数组值

时间:2017-01-18 07:18:48

标签: javascript html arrays associative-array

我的问题是我需要存储每次单击3按钮时出现的值。代码应该让你有尽可能多的玩家,玩家可以玩#34;彼此相对。这个"工具"每当有人赢得一轮时都会计算。但是,我似乎无法找到一种方法来保存每个玩家的输出,因为每当我更换播放器时它都保持不变。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>title</title>
    <script>
        window.onload = oppstart;
        var spiller1poeng = 0.0;
        var spiller2poeng = 0.0;

        function oppstart() {
            var test = document.getElementById("knapp").onclick = spillere;
            var poengspiller1 = document.getElementById("spiller1vant").onclick = plusspoengsplr1;
            var dblelikt = document.getElementById("likt").onclick = beggelikt;
            var poengspiller2 = document.getElementById("spiller2vant").onclick = plusspoengplr2;
        }

        function spillere() {
            var x = document.getElementById("forstespiller").value;
            var option = document.createElement("option");
            option.innerHTML = x;
            document.getElementById("spiller1nedtrekk").appendChild(option);
            var z = document.getElementById("andrespiller").value;
            var option2 = document.createElement("option");
            option2.innerHTML = z;
            document.getElementById("spiller2nedtrekk").appendChild(option2);
        }

        function plusspoengsplr1() {
            var e = document.getElementById("spiller1nedtrekk");
            spiller1poeng++ + 1;
            var navnplayer1 = e.value;
            document.getElementById("spiller1antall").innerHTML = navnplayer1 + " " + "har vunnet" + " " + spiller1poeng + " " + "runder.";
        }

        function beggelikt() {
            var e = document.getElementById("spiller1nedtrekk");
            var f = document.getElementById("spiller2nedtrekk");
            var navnplayer1 = e.value;
            var navnplayer2 = f.value;
            spiller1poeng++ + 0.5;
            spiller2poeng++ + 0.5;
            document.getElementById("spiller1antall").innerHTML = navnplayer1 + " " + "har vunnet" + " " + spiller1poeng + " " + "runder.";
            document.getElementById("spiller2antall").innerHTML = navnplayer2 + " " + "har vunnet" + " " + spiller2poeng + " " + "runder.";
        }

        function plusspoengplr2() {
            var f = document.getElementById("spiller2nedtrekk");
            var navnplayer2 = f.value;
            spiller2poeng++ + 1;
            document.getElementById("spiller2antall").innerHTML = navnplayer2 + " " + "har vunnet" + " " + spiller2poeng + " " + "runder.";
        }
    </script>
</head>

<body>
    <h1>Turneringsverktøy</h1>
    <h4>Step 1. Skriv inn et navn i hver av inputboksene, du kan ha så mange du vil men "Spiller 1" vil alltid spille mot "Spiller 2"</h4>
    <h4>Step 2. Når du har skrevet inn et fint antall spillere i input-boksene (f.eks 4) velger du hvem som spiller mot hvem i nedtrekksboksene</h4>
    <h4>NB! Man kan ikke velge nye spillere etter man har begynt å telle runder vunnet, skriv ned resultatet og refresh siden om nødvendig.</h4>
    <input id="forstespiller" placeholder="Spiller 1">
    <input id="andrespiller" placeholder="Spiller 2">
    <br><br>
    <select id="spiller1nedtrekk"></select>
    <select id="spiller2nedtrekk"></select></select>
    <br><br>
    <button id="knapp">Legg til spillerene </button>
    <p></p>
    <br><br>
    <button id="spiller1vant">Spiller 1 vant</button>
    <button id="likt">Det ble likt</button>
    <button id="spiller2vant">Spiller 2 vant</button>
    <p id="spiller1antall">
        </Spiller>
    <p id="spiller2antall" </p>
</body>
</html>

0 个答案:

没有答案