
If문은 프로그램에 어떤 조건이 충족될때만 특정 작업을 하라는 명령이다. 이것은 웹사이트에 로그인할때 주로 사용된다. '만약 사용자 이름과 패스워드가 데이터베이스의 기록과 일치하면 사용자의 로그인을 허용하라'는 작업을 실행한다. 이제 if문을 이용해 간단한 패스워드시스템을 만들어 보자. 우선 입력창 바로 앞부분에 텍스트 'What is the password?'를 추가한다. 이 코드를 실행하면 아래와 같은 결과가 나온다. 여기까지 이해되셨다면 다음단계로 넘어간다. 사용자가 입력한 내용이 미리 정해놓은 패스워드와 일치하는지 테스트한다. 패스워드를 'coding'이라고 정하고 자바스크립트의 밑줄친 alert... 열을 아래처럼 바꾼다. 밑줄친 부분의 흐름을 설명하자면 문서에서..

암호입력시 사용자가 암호를 잘못 입력했을 경우에 아무런 결과가 나오지 않으면 안된다. 사용자에게 잘못입력되었다고 무언가 메시지를 주어야 한다. 'else'라는 키워드로 이를 해결할 수 있다. 앞의 코드에 아래 코드를 추가하라 else { alert("that's not right, try again")} 이제 틀린 단어를 아무렇게 입력하고 실행하게 되면 다음과 같은 메시지창이 뜬다. 점점 모양을 갖춘 코딩이 되어 가고 있다 ^^

이제 코드를 바꿔서 'clicked!!' 라는 팝업창을 띄우지 않고 사용자가 박스안에 직접 입력한 내용을 팝업창으로 띄워 보겠습니다. 먼저 다음과 같이 입력창에 아이디를 부여합니다. 그 다음은 자바스크립트의 alert("clicked")를 다음과 같이 바꿉니다 alert(document.getElementById("my-input").value) 위 코드가 무슨 작업을 진행하고 있는지 이해가 되시나요? 문서 또는 HTML 페이지 안의 아이디 'my-input'을 가진 구성요소의 값을 팝업창으로 띄우고 있습니다. 이를 실행해 보면 박스 안에 어떤 내용이 입력되어도 팝업창으로 출력이 됩니다. 아래와 같은 코드에서 어떤 부분을 수정하면 위에 설명한 것처럼 무엇을 입력해도 팝업창으로 뜨도록..