將表單數據發送到Vanilla JS

Question

我正在嘗試將數字輸入的結果發送到js函數，並且似乎無法使其正常工作。 我已經嘗試過使用網站中其他問題的一些答案，但仍然無法完成。 我的代碼是這樣的：

<input type="number" name="example">
<INPUT TYPE="button" NAME="button" Value="Click" onClick="how(example)">
<script type="text/javascript">
function how(example){
alert("example");
}
</script>

謝謝！

Answer 1

輸入您的號碼輸入ID。 可能會有用。

<input type="number" name="example" id="example">
<INPUT TYPE="button" NAME="button" Value="Click" onClick="how()">
<script type="text/javascript">
    function how(){
        var number = $('#example').val();
        alert(number);
    }
</script>

Answer 2

使用.value獲取文本/數字輸入或textarea元素的值。

 const numInput = document.querySelector('input[type="number"]') document.querySelector('input[type="button"]') .addEventListener('click', () => { console.log(numInput.value); }); 

 <input type="number" name="example"> <input type="button" value='click'> 

嘗試使用addEventListener而不是HTML-inline-eval處理程序或on * -handlers； 將您所有的Javascript保留在Javascript本身中是有幫助的，也是養成的好習慣。

Answer 3

這可能會對您有所幫助（此代碼將使您能夠以數字形式發出警報）：

 function alertval(){ alert(document.getElementById("example").value); } 

 <input type="number" name="example" id="example"> <INPUT TYPE="button" NAME="button" Value="Click" onClick="alertval()">