<div class="much">
<button type="button" class="much-click">10,000</button>
<button type="button" class="much-click">30,000</button>
<button type="button" class="much-click">100,000</button>
<button type="button" class="much-click">150,000</button>
<button type="button" class="much-click">200,000</button>
<button type="button" class="much-click"><input type="number" id="name"
onchange='printName()' Placeholder="직접 입력하기"></button>
</div>
<div class="total">
<span>총 후원금액 </span>
<span id="money"> </span>
<span> 원</span>
</div>
✅html
1) 여러개 버튼 작성 (텍스트를 추출할 버튼)
2) 텍스트가 나올 빈 span작성 (id money)
$(".much button").click(function () {
var t =$(this).text()
$("#money").text(t);
});
✅jquery
1) click event 함수 생성 (해당 버튼을 누르면)
2) t 변수는 해당 클릭 (this)의 텍스트임을 선언
3) 텍스트를 넣으려 했던 id money에 텍스트를 넣음
'Coding > javascript' 카테고리의 다른 글
| [javascript] input text값 따라 쓰여지기 (0) | 2022.06.22 |
|---|---|
| [javascript] select값 추출하여 선택된 값 가져오기 (0) | 2022.06.22 |
| [jquery] 여러폼 에서 하나만 클릭 되는 버튼만들기 (0) | 2022.06.21 |
| [jquery] 스크롤시 상단 메뉴바 색상 바꾸기 (0) | 2022.06.17 |
| [jquery/css] 메뉴 hover시 하단으로 내려오는 nav만들기 (0) | 2022.06.17 |