javascript - 如何显示和存储按钮值？

Question

对于这里的编码非常陌生，对基本问题表示歉意。尝试完成 odin 项目的构建计算器挑战 ( http://www.theodinproject.com/javascript-and-jquery/on-screen-calculator )

并努力让数字在点击后出现。另外，我如何将值存储在变量或数组中，以便稍后在计算中使用？

这是我的 JS 的摘录:

$(".numbers").on("click", function() {

$+(this).text()

    ;});

还有我的 HTML(注意我使用的是 jsfiddle，因此缺少 html 开始和结束标记等:

 <script src="jquery-1.11.3.min.js"></script>

 <div class="numbers">
 <button type="button">0</button>

<button type="button">1</button>

<button type="button">2</button>

<button type="button">3</button>

<button type="button">4</button>

<button type="button">5</button>

<button type="button">6</button>

<button type="button">7</button>

<button type="button">8</button>

<button type="button">9</button>

 </div>

 <div class = "operators">
 <button type="button">+</button>
 <button type="button">-</button>
 <button type="button">*</button>
 <button type="button">/</button>
 <button type="button">=</button>
 <button type="button">clear</button>
 </div>

Answer 1

要将按钮的值存储在变量中，您可以这样做。

$('button').on('click', function(){
    var i = $(this).text();
    console.log(i); // print the value of i in the console
});

一旦获得该值，您就需要能够将单击的每个按钮的值按顺序显示在计算器的“显示屏”上，如下所示。

HTML

<div class="display"></div>

JavaScript

$('button').on('click', function(){
    var i = $(this).text();
    var display = $('.display');

    display.text( display.text() + i );
});

希望这有助于为您指明正确的方向。