Java Script/work
입력창에 입력받아 화면에 출력
웨이칭
2020. 7. 8. 15:19
입력창에 숫자를 입력하면 자동으로 +2가 계산되어 입력되고
입력창은 +2의 값으로 자동 셋팅됨
<body>
<h3 id="h3demo"> h3 tag id h3demo</h3>
<br><br>
<p id="pdemo"> p tag id pdemo</p>
<br><br>
<!-- 입력창 -->
입력 : <input type="text" id="inputdemo" value="">
<br><br>
<button type="button" onclick="btnclick()">클릭 </button>
스크립트
<script type="text/javascript">
function btnclick() {
/* let str = document.getElementById('h3demo').innerHTML;
//h3demo의 글을 pdemo에 셋팅해줌 (getter해서 setter로 돌림)
document.getElementById('pdemo').innerHTML = str; */
//입력 : 에서 입력받은 값을 넣기 -> text창은 value로 가져옴
let str = document.getElementById('inputdemo').value;
document.getElementById('pdemo').innerHTML = str;
//text창에 입력하고 클릭하면 자동으로 World가 뜸
document.getElementById('inputdemo').value = parseInt(str) + 2;
}
</script>
</body>