FrontEnd/자바스크립트(Javascript)
[자바스크립트] getElementById로 text area 값 가져와서 span값 변경하기
2023. 3. 6. 00:35반응형
button의 onclick 메서드를 활용하자.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
</style>
</head>
<body>
<div>
<textarea id="text_area"></textarea>
<button onclick="alarm()">입력</button>
</div>
<div>
<span id="print_span" style="width: 200px; height: 200px"></span>
</div>
<div>
</div>
<script>
function alarm() {
document.getElementById('print_span').innerHTML = document.getElementById('text_area').value;
}
</script>
</body>
</html>반응형
'FrontEnd > 자바스크립트(Javascript)' 카테고리의 다른 글
| [자바스크립트] ...더보기 구현 (0) | 2022.02.17 |
|---|---|
| [자바스크립트] HTML 클래스 이름으로 값을 가져오기 (0) | 2022.02.17 |
| [자바스크립트] 드래그 엔 드롭 (0) | 2022.02.03 |
| [자바스크립트] Node.js란? (0) | 2022.01.26 |
| [자바스크립트] JQuery 시작하기 (0) | 2021.12.06 |