비교 연습해보기
onClick
<body>
<input type="text" class="input">
<button type="button" class="button" onclick="getInput()" >조회</button>
</body>
<script>
function getInput () {
const $input = document.querySelector(".input");
const inputValue = $input.value
}
</script>
() => { }
<body>
<input type="text" class="input">
<button type="button" class="button">조회</button>
</body>
<script>
const $input = document.querySelector(".input");
const $button = document.querySelector(".button");
$input.addEventListener("click", ()=>{
const buttonValue = $button.value
}
</script>
'UI > Javascript' 카테고리의 다른 글
| [Js/format ] 날짜, 통화 데이터 등의 정보를 변환해주는 함수 (0) | 2024.04.02 |
|---|---|
| [동기/비동기]async + await (0) | 2024.03.26 |
| [Javascript] fetch with post (2) | 2024.02.17 |
| [JavaScirpt] API URLSearchParams( url.searchParams.set ) (3) | 2024.02.08 |
| [JavaScript]ScrollY? versus pageYoffset? (1) | 2024.01.24 |
