如何使输入字段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); 
}