bom's happy life

인풋필드 값이 변경될 때 해당 함수를 실행시켜 만 나이를 계산하는 함수만들기 1. HTML 요소 가져오기 : `nameBirthInput`, `childBirthInput`, `nameAgeInput`, `childAgeInput `변수들은 각각 HTML 요소를 가져오는 getElementById 함수를 사용하여 해당 인풋 필드들을 선택한다. `name_birth_val`은 신청자 생년월일을 입력하는 인풋 필드, `child_birth_val`은 자녀 생년월일을 입력하는 인풋 필드, `name_age_val`은 신청자의 만 나이를 표시하는 인풋 필드, `child_age_val`은 자녀의 만 나이를 표시하는 인풋 필드를 가리킨다. 2. 만 나이 계산 함수(`calculateAge`) : - calcula..

동적으로 생성한 option 태그의 value 를 가져와서 옵션변경하려는 코드를 짜보았다. 동적으로 생성한 태그 : --중략-- rentList += ''; rentList += ''; rentList += '1타임(10:00~12:00)'; rentList += '2타임(13:00~15:00)'; rentList += '3타임(15:00~17:00)'; rentList += ''; rentList += ''; --중략-- 참고 ) onchange="optionChange(this)" 의 `this` 키워드란? optionChange 함수는 HTML 이벤트 핸들러로 사용되고 있다. 이벤트 핸들러 함수는 일반적으로 해당 이벤트가 발생한 요소를 가리키는 `this` 키워드를 통해 해당 요소에 접근할 수 있다..

문제 : 다른 옵션을 클릭하면 옵션값을 변경하고 싶은데 자바스크립트코드가 먹히지 않는다. 문제의 코드 : ${rentTime}`; if(rentTime === '1') { rentList += ` 1타임 2타임 3타임`; } else if(rentTime === '2') { rentList += ` 1타임 2타임 3타임`; } else if(rentTime === '3') { rentList += ` 1타임 2타임 3타임`; } rentList += ` 찾아보니, 태그 안에 태그를 직접 사용하는 것은 HTML의 규칙에 따라 잘못된 구문이고, HTML 표준에서는 태그 안에 인라인 요소를 사용할 수 없도록 지정하고 있다. 그리고 태그는 기본적으로 클릭 이벤트를 지원하지 않는다. 그래서 태그에 변경 이벤트(`..

1. className 속성(property) - `className `은 DOM 요소의 클래스를 나타내는 속성이다. - 요소의 클래스 이름을 문자열 형태로 가져오거나 설정할 수 있다. - 예를 들어, 요소를 선택하고 해당 요소의 className 속성을 사용하여 클래스 이름을 가져오고 변경한다. 초기 상태에서 요소에는 "my-class"라는 클래스 이름이 있다. className 속성을 통해 해당 클래스 이름을 가져온 후, element.className = "new-class"와 같이 사용하여 클래스 이름을 "new-class"로 변경한다. 변경된 클래스 이름을 확인하기 위해 다시 console.log(element.className)을 사용하여 출력한다. -> 값 : `new-class` 사용 예시..