<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으로 정의된것의 값을 텍스트로 밀어넣음

+ Recent posts