我在html中的javascript保存和加载按钮有什么问题?

问题描述 投票:0回答:2

我正试图制作一个闲置游戏(其中一个你必须点击很多次)

出了点问题。我想创建一个保存实际生命数的保存按钮和一个加载您保存的生命数的加载按钮。

(Vida和Life一样,但是用葡萄牙语)

function save() {
  localStorage.setItem("lifecount", lifecount);
}

function load() {
  lifecount = localStorage.getItem("lifecount");
  lifecount = parseInt(lifecount);
  document.getItemById('text').value = lifecount;
  document.title = lifecount + " Vidas";
}

function add() {
  lifecount = lifecount + 1
  document.getElementById('text').value = lifecount;
  document.title = lifecount + " Vidas";
}
<a href=# onclick="add()">ADD<img src="img/planet.png"></a>
<br><br> Já existem:
<input type="text" id="text" disabled style=t ext-align:center> Vidas
<br><br>

<buttom><a href="#" onCLick="save()">Salvar</a></buttom>

<buttom><a href="#" onClick="load()">Carregar ultimo Save</a></buttom>
javascript html
2个回答
1
投票

这有效。

在你的load()函数中你应该用document.getItemById('text').value=lifecount;替换document.getElementById('text').value=lifecount;

你刚刚在getElementById上做了一个错字

<html>
<head>
<title>Click Creator</title>
<script>
var lifecount=0;
</script>
</head>
<body>

<a href=# onclick="add()"><img src="img/planet.png"></a>
<br><br>
Já existem:
<input type="text" id="text" disabled style="text-align:center">
<script>
function add() {
    lifecount=lifecount + 1
    document.getElementById('text').value =lifecount;
    document.title=lifecount + " Vidas";
}

</script>
Vidas
<br><br>

<buttom><a href="#" onCLick="save()">Salvar</a></buttom>

<buttom><a href="#" onClick="load()">Carregar ultimo Save</a></buttom>


<script>
function save() {
    localStorage.setItem("lifecount", lifecount);
}
function load() {
    lifecount = localStorage.getItem("lifecount");
    lifecount = parseInt(lifecount);
    document.getElementById('text').value=lifecount;
    document.title=lifecount + " Vidas";
}
</script>
</body>
</html>

-2
投票

<script>
  var lifecount = 0;

</script>
<html>

  <head>
    <title>Click Creator</title>
  </head>

  <body>

    <a href=# onclick="add()"><img src="img/planet.png"></a>
    <br>
    <br> Já existem:
    <input type="text" id="text" disabled style=t ext-align:center>
    <script>
      function add() {
        lifecount = lifecount += 1;
        document.getElementById('text').value = lifecount;
        document.title = lifecount + " Vidas";
      }

    </script>
    Vidas
    <br>
    <br>

    <buttom><a href="#" onCLick="save()">Salvar</a></buttom>

    <buttom><a href="#" onClick="load()">Carregar ultimo Save</a></buttom>
  </body>

  <script>
    function save() {
      localStorage.setItem("lifecount", lifecount);
    }

    function load() {
      lifecount = localStorage.getItem("lifecount");
      lifecount = parseInt(lifecount);
      document.getItemById('text').value = lifecount;
      document.title = lifecount + " Vidas";
    }

  </script>

</html>
© www.soinside.com 2019 - 2024. All rights reserved.