テキストボックスとJSのサブミットボタン

Question

サブミットボタンを使ってテキストボックスを作成し、テキストボックスのデータをjs変数に保存したいとします。どうやってやるの？

Answer 1

あなたはHTML formsを使ってこれを実行して、JavaScriptを使用してvalue属性をとることができます。

var myValue; 
 
function submit() { 
 
    myValue = document.getElementById("myTextArea").value; 
 
    console.log(myValue); 
 
}

<form action="javascript:submit()"> 
 
    <textarea id="myTextArea"></textarea> 
 
    <input type="submit"> 
 
</form>

最終的な値はmyValue変数に含まれています。

Answer 2

//get value in console log 
 
var a = document.getElementsByTagName('textarea')[0]; 
 
document.getElementsByTagName('input')[0].addEventListener('click',function(e){ 
 
e.preventDefault() 
 
console.log(a.value) 
 
}) 
 
//or get value in specific div 
 
document.getElementsByTagName('input')[0].addEventListener('click',function(e){ 
 
e.preventDefault() 
 
document.getElementById('val').innerHTML = a.value; 
 
})

<form> 
 
<textarea></textarea> 
 
<input type="submit"> 
 
<br/> 
 
</form> 
 
<div id='val'></div>