javascript计算器答案修改



我目前正在观看"面向初学者的Udemy-Javascript"课程的第8期视频

我刚刚开始学习如何用javascript表达自己,所以关于他的教程,我为计算器编写了一些基本代码,我很好奇如何进行一些修改。

当按下按钮时,你会得到数字结果来代替sentance,很好。但是,在计算的总和之后,我想添加一些大致如下的内容:不错!

当我在做的时候,为什么不把按钮文本改成这样:好。。。

那么,如何做到这一点呢?

Javascript:

var number1 = 234;
var number2 = 454;
function addNumbers(){
    var calculation = number1 + number2;
    document.getElementById("p").innerHTML = calculation;
}

HTML:

<p id="p">How much do you like Javascript on a scale between 1-1000?</p>
    <button onclick="addNumbers();" id="p_button" class=" btn btn-primary">
    let's see</button>

您可以使用+运算符来连接字符串和变量,即将它们放在一起:

var a = "hello ";
document.write(a+" world!");

所以,你会想使用:

document.getElementById("p").innerHTML = calculation+", not bad!";

并且,对于您更改按钮文本的请求:

document.getElementById("p_button").innerHTML = "New text";

只需添加带有计算变量的字符串即可。如下addNumbers()函数中所示。

function addNumbers(){
    var calculation = number1 + number2;
    document.getElementById("p").innerHTML = calculation + "not bad!";
}

相关内容

最新更新