자바스크립트 연습하다가 질문드립니다
본문
자바스크립트를 연습중인데
const INPUT_AGE , const PRINT_AGE 가 전역 변수가 됩니다
전역이 안될려면 코드를 어떻게 짜야 하나요?
클래스를 써야 할까요?
document.addEventListener('DOMContentLoaded', () => {
const INPUT_AGE = document.querySelector('input');
const PRINT_AGE = document.querySelector('h1');
function GetAge () {
if (INPUT_AGE.value > 30) {
PRINT_AGE.textContent = `당신은 나이가 30대 이상이군요.`;
} else if (INPUT_AGE.value < 30) {
PRINT_AGE.textContent = `당신은 나이가 30대 이하군요.`;
} else if (isNaN(INPUT_AGE.value) == true) {
PRINT_AGE.textContent = `올바른 나이를 적어주세요.`;
}
}
INPUT_AGE.addEventListener('keyup', (event) => {
GetAge();
})
})
답변 2
<script>
document.addEventListener('DOMContentLoaded', () => {
var INPUT_AGE = document.querySelector('input');
var PRINT_AGE = document.querySelector('h1');
function GetAge () {
INPUT_AGE = document.querySelector('input');
PRINT_AGE = document.querySelector('h1');
if (INPUT_AGE.value > 30) {
PRINT_AGE.textContent = `당신은 나이가 30대 이상이군요.`;
} else if (INPUT_AGE.value < 30) {
PRINT_AGE.textContent = `당신은 나이가 30대 이하군요.`;
} else if (isNaN(INPUT_AGE.value) == true) {
PRINT_AGE.textContent = `올바른 나이를 적어주세요.`;
}
}
INPUT_AGE.addEventListener('keyup', (event) => {
GetAge();
})
})
</script>
요렇게를 말씀하시는건가용..
리스너안에 지역변수로 들어가있는데요? 어디가 문제신가요?
const INPUT_AGE , const PRINT_AGE 를
function GetAge 안에 넣으면 동작이 안됩니다 ;;
