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