
**참고사항:**
* `.text-ko` 와 `.text-en` 클래스는 CSS에서 스타일을 정의할 수 있도록 HTML에 추가되었습니다. 하지만 위에 예시에서는 inline 스타일을 요구하셨으므로, 각 div에 직접 스타일을 적용했습니다.
* `.text-en`은 초기 숨김을 위해 `display: none;`이 적용되었습니다.
* 이미지는 코드 중복을 피하기 위해 각 언어 세트에 한 번만 추가되었습니다.
* 각각의 설명 텍스트를 `div`로 감싸서, 스타일 적용 및 관리를 용이하게 했습니다. 각 `div`에 `margin-bottom`을 추가하여 간격을 주었습니다.
* 전체 `div`를 `text-align: center;`로 설정하여 내용이 가운데 정렬되도록 했습니다.
**Javascript**
javascript
function toggleLanguage() {
const koElements = document.querySelectorAll(‘.text-ko’);
const enElements = document.querySelectorAll(‘.text-en’);
koElements.forEach(el => {
el.style.display = (el.style.display === ‘none’) ? ‘block’ : ‘none’;
});
enElements.forEach(el => {
el.style.display = (el.style.display === ‘none’) ? ‘block’ : ‘none’;
});
}
// button example