ボタンのクリック時のJavaScript変数の値

Question

私はクリック時にJavaScript関数を実行するページ上にボタンがあります。今私は値がユーザーが入力テキストボックスに入力する必要があります私の関数に変数があります。ここに私のコードです。

<input type="text"> </input> 
    <button id ="buttton" class="button" onclick="myfunction()">Create Envelope</button> 

    <script> 
    function myfunction() { 
    var sub =""; // I am thinking of writing jquery 
} 
    </script> 

ユーザーがボタンをクリックする頃には、my変数subは、ユーザーが入力フィールドに入力した値を保持する必要があります。

Answer 1

使用InputElement（JavaScriptの）の.valueプロパティまたはjQuery

の$(ELEMENT).val()方法は、要素を選択要素にユニークなIDを与えるために。要素を選択する他の方法もありますが、class-selectorまたはattribute-selectorなどがあります。

function myfunction() { 
 
    var sub = $('#input').val(); 
 
    console.log(sub); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<input type="text" id='input'> 
 
<button id="buttton" class="button" onclick="myfunction()">Create Envelope</button>