[JavaScript] 예제 2

[예제 코드]

[결과 화면]

• document.getElementById() 메서드 : id 값을 이용해서 문서 객체를 선택하는 메서드 ==> CSS의 아이디 선택자와 비슷한 역할을 한다.
• 문서객체.style.스타일 속성 = 새 값;
  선택한 문서 객체에 스타일을 적용하기 위해서는 문서객체의 style에 접근하고 적용하고자 하는 속성에 새값을 넣어준다.
• if문을 이용해서 color.length보다 i가 커지면 i=0 을 대입해서 계속 배열의 값을 탐색할 수 있도록 설정한다.

[예제 코드]

[결과 화면]
1. ID / PW 올바르게 입력했을 때



2. PW 틀렸을 때


3. ID 틀렸을 때

• prompt(질의응답)창을 통해서 아이디와 비밀번호를 입력받아 변수에 저장한다.
• 입력받은 값을 저장한 변수를 login함수의 매개변수로 이용한다.