javascript计算器答案修改

时间:2016-01-09 13:45:12

标签: javascript

我目前正在观看" Udemy的第8个视频 - Javascript for Beginners"当然

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

当按下按钮时,你得到的数字结果取代了最终,很好。但是,在计算总和之后,我想添加以下内容:不错!

虽然我在这里,为什么不将按钮文字更改为:fine ...

那么,怎么做呢?

使用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>

2 个答案:

答案 0 :(得分:3)

您可以将+运算符用于concatenate字符串和变量,即将它们组合在一起:

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

所以,你想要使用:

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

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

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

答案 1 :(得分:0)

很容易,你只需要添加带有计算变量的字符串。如下所示在addNumbers()函数中。

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