<input type="number" id="name" onchange='printName()' Placeholder="직접 입력하기">
<div class="total">
<span>총 </span>
<span id="money"> </span>
<span> 원</span>
</div>
✅html
1) id name인 input 작성 onchange=function명
2) 따라 쓰여질 id money 작성
function printName() {
const name = document.getElementById('name').value;
document.getElementById("money").innerText = name;
}
✅javascript
1) html 선언 함수명으로 함수작성
2) name id를 가진 태그 값을 가져와 name으로 정의
3) money id를 가진 태그에 name으로 정의된것의 값을 텍스트로 밀어넣음
'Coding > javascript' 카테고리의 다른 글
| [javascript] select값 추출하여 선택된 값 가져오기 (0) | 2022.06.22 |
|---|---|
| [jquery] 선택한 text추출하여 가져오기 (0) | 2022.06.22 |
| [jquery] 여러폼 에서 하나만 클릭 되는 버튼만들기 (0) | 2022.06.21 |
| [jquery] 스크롤시 상단 메뉴바 색상 바꾸기 (0) | 2022.06.17 |
| [jquery/css] 메뉴 hover시 하단으로 내려오는 nav만들기 (0) | 2022.06.17 |