个人中心
gpt4 book ai didi

javascript - 变量的乘积不显示

转载 作者：行者123 更新时间：2023-11-28 02:35:12 27 4
gpt4 key购买 nike

在下面的代码中，显示的“结果”将是零，即 2 * 0。但是，有一个按钮可以将 2 添加到“number2”。单击它后，“结果”应该是 2 * 2，而不是 2 * 0。我的问题是它最终显示为零。

let number1 = 2;
let number2 = 0;

const add2 = () => {
  number2 += 2;
  display();
};

let result = number1 * number2;

const display = () => {
  document.getElementById("result").innerText = result;
};

display();
<p><span id="result"></span></p>

<button onclick="add2();">click me</button>

最佳答案

您需要全局声明结果变量，然后确保每次单击按钮时都计算它。下面我创建了一个名为 calculate 的函数来执行此操作:

<html>

<body>
    <p><span id="result"></span></p>

    <button onclick="add2();">click me</button>
   <script>


    let number1 = 2;
    let number2 = 0;
    let result;

    const add2 = () => {
        number2 += 2;
        result = calculate();
        display();
    };
    
    const calculate = () => {
      return number1 * number2;
    };

    const display = () => {
        document.getElementById("result").innerText = result;
    };
    result = calculate();
    display();

   </script> 

</body>

关于javascript - 变量的乘积不显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47870869/

27 4 0
文章推荐： java - CSS 背景属性在使用 java 的 pdfHTML iText7 中不起作用
文章推荐： c++ - 函数中shared_ptr的初始化
文章推荐： c++ - 科学模拟中适当的类(class)成员访问
文章推荐： html - 用户选择不适用于 :visited
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com