제출 단추와 텍스트 상자 JS

Question

제출 단추가있는 텍스트 상자를 만들고 텍스트 상자의 데이터를 js 변수에 저장하려고합니다. 어떻게해야합니까?

Answer 1

당신은 HTML forms를 사용하여이 작업을 수행 한 후 자바 스크립트를 사용하여 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>