getElementsByName
-
[PWA] 글자 변환 & 미리 보기 (String methods, Document 객체)Web/PWA 2022. 9. 9. 00:58
시나리오 HTML 코드 JavaScript 코드 전체 코드 HTML, CSS, JavaScript를 배우고 만들어 낸 첫 결과물이다. [ 시나리오 ] 사용자는 'inputText'라는 id를 가진 태그에 입력을 하고 [미리보기] 버튼을 누르게 되면 색상, 크기, 체크된 글자 형태에 따른 결과값을 태그에 담아 미리 볼 수 있다. JavaScript의 String method를 사용하여 글자의 형태를 바꾸었다. JavaScript의 Document 객체의 getElementByID(), getElementsByName()을 이용하여 HTML에 있는 공통된 ID와 Name들을 모았다. 또한 이를 사용하기 위해 HTML에서도 태그들의 ID와 Name을 지정해 주었다. [ HTML ] 색상: 빨강 파랑 초록 크기..