Javascript html文本内容未更新_Javascript_Html_Css_Addeventlistener

Javascript html文本内容未更新

javascript html css

Javascript html文本内容未更新,javascript,html,css,addeventlistener,Javascript,Html,Css,Addeventlistener,我正在尝试做一个增量游戏。但是当我测试它时，游戏没有增加点击次数，一切看起来都很好。那么我做错了什么提前感谢：） JavaScript代码（在单独的文件中） //未使用或复制的代码 //质量+=能量； //btn.innerText=质量+质量； //多姆设btn=document.getElementById（“btn”）；设img=document.getElementById（“img”）； //变数 var质量=0；无功能量=1； var版本=0.1+“oab”； //El(s

我正在尝试做一个增量游戏。但是当我测试它时，游戏没有增加点击次数，一切看起来都很好。那么我做错了什么

提前感谢：）

JavaScript代码（在单独的文件中）

//未使用或复制的代码
//质量+=能量；
//btn.innerText=质量+质量；
//多姆
设btn=document.getElementById（“btn”）；
设img=document.getElementById（“img”）；
//变数
var质量=0；
无功能量=1；
var版本=0.1+“oab”；
//El(s)
img.addEventListener（'click'，e=>{
质量+=能量；
设btn.textContent=mass+“mass”；
});


0质量
无需使用let分配.textContent


让btn=document.getElementById（“btn”）；
设img=document.getElementById（“img”）；
//变数
var质量=0；
无功能量=1；
var版本=0.1+“oab”；
//El(s)
img.addEventListener（“单击”，（e）=>{
质量+=能量；
btn.textContent=质量+质量；
});



0质量
@ManasKhandelwal
HTML代码：
  <body>
            <h1 id="btn">0 Mass</h1>
            <h1 id="nrg">1 Energy</h1>
            <br><br><br>
            <input type="image" id="img" src="assets/sun.jpg" name="img" alt="clicker" width="250" height="250">
      <br><br>
                <div id="spacerock">
            <h1>Space Rock</h1>
            <div id="rest">
                <img src="assets/space_rock.png" alt="space rock" width="32" height="30">
                <div id="l&c">
                    <h2>Cost: 50</h2>
                    <h2>LvL: 1</h2>
                </div>
            </div>
        </div>
      <script src ="js/main.js"></script>
  </body>
  
</html>

img.addEventListener('click', (e) => {
    mass += sra;
    btn.innerHTML = mass + ' Mass';
});

spaceRock.addEventListener('click', (e) => {
    if (mass >= srp) {
        if (srl <= 12) {
            energy += sra;
            srl += 1;
            srp = srl * 50;
            sra += 1.5;
            nrg.innerHTML = energy;
        } else {
            nrg.innerHTML = 'MAX';
        }
    }
});

const text = document.innerHTML();
const btn = document.querySelector('btn');

const img = document.querySelector('img');
const nrg = document.querySelector('nrg');

const spaceRock = document.querySelector('spacerock');


0质量
1能源







太空摇滚
费用：50
级别：1

Javascript代码：
  <body>
            <h1 id="btn">0 Mass</h1>
            <h1 id="nrg">1 Energy</h1>
            <br><br><br>
            <input type="image" id="img" src="assets/sun.jpg" name="img" alt="clicker" width="250" height="250">
      <br><br>
                <div id="spacerock">
            <h1>Space Rock</h1>
            <div id="rest">
                <img src="assets/space_rock.png" alt="space rock" width="32" height="30">
                <div id="l&c">
                    <h2>Cost: 50</h2>
                    <h2>LvL: 1</h2>
                </div>
            </div>
        </div>
      <script src ="js/main.js"></script>
  </body>
  
</html>

img.addEventListener('click', (e) => {
    mass += sra;
    btn.innerHTML = mass + ' Mass';
});

spaceRock.addEventListener('click', (e) => {
    if (mass >= srp) {
        if (srl <= 12) {
            energy += sra;
            srl += 1;
            srp = srl * 50;
            sra += 1.5;
            nrg.innerHTML = energy;
        } else {
            nrg.innerHTML = 'MAX';
        }
    }
});

const text = document.innerHTML();
const btn = document.querySelector('btn');

const img = document.querySelector('img');
const nrg = document.querySelector('nrg');

const spaceRock = document.querySelector('spacerock');

img.addEventListener（'click'，（e）=>{
质量+=sra；
btn.innerHTML=mass+‘mass’；
});
SpaceLock.addEventListener（'单击'，（e）=>{
如果（质量>=srp）{
如果（srl这看起来不像Java代码——你可能会把Java误认为JavaScript，一种完全不同的语言吗？也许，我还不太清楚这种区别很重要，因为让错误的专家来审查你的问题是没有意义的。谢谢！我更新了标记，起初它是有效的，但当我开始添加升级时，它就停止了working@EthanBelche这并不意味着答案是错误的。你的代码是不正确的。请分享它，这样我可以进一步帮助你。。。