如何使输入字段onclick

Question

我想要的是让输入字段出现在某种弹出窗口中，用户可以在其中输入 0-x 之间的数字，其中 x 是变量的当前级别。一旦用户输入一个数字，该数字就会被添加到一个不同的变量中。这很像在电子游戏中转账。我没有这方面的任何代码，但如果你能提供帮助，那就太棒了。

Answer 1

这可能会帮助您入门。我创建了一个可点击的标签，用于打开一个带有输入字段和提交按钮的弹出窗口。

我正在使用 jQuery 和 Bootstrap。

JSFiddle：https://jsfiddle.net/Ravvy/xjz6ok62/

HTML:

<label>Money: $</label>
<label data-toggle="popover" title="Add Money" data-placement="bottom" id="moneyLabel">0.00</label>

JavaScript:

$(document).ready(function() {
    var content = '<input id="moneyInput"></input>' + 
                  '<button id="moneyButton" ' +
                  'onclick="addMoney()">Add</button>';
    $('#moneyLabel').popover({content: content, html: true});  
});

function addMoney() {
    var currentAmount = parseFloat($('#moneyLabel').text());
    var addedAmount = parseFloat($('#moneyInput').val());
    var total = currentAmount + addedAmount;
    $('#moneyLabel').text(total);
}

如何使输入字段onclick

How to make an input field onclick

javascript

textbox

input