지금까지 사용자에게 정보를 알려주고 소통하기 위해 팝업창을 이용했습니다. 그러나 이제 페이지 자체 빈문단에서 메시지를 보여 주는 기능을 구현해 보겠습니다. 웹페이지에서 모든 코드를 삭제하고 아래의 내용대로 코딩을 작성합니다. 'my-paragraph'라는 아이디로 빈문단을 넣고 클릭했을때 'that was easy'라는 내용을 보여주는 팝업창이 뜨도록 버튼을 추가하라 이제 이정도는 쉽게 느껴져야 합니다. 아직도 어려우시다면 앞의 내용들을 반복해서 숙지하시기 바랍니다. 위 상자안의 내용을 코딩해 보겠습니다. 'my-paragraph' 만든다는 것은 글자가 들어갈 공간을 미리 정의해 놓은 것(만들어 놓은 것)이고 여기에는 아무것도 아직 입력하지 말고 버튼을 만들어 그 버튼을 클릭했을때 팝업창에 위의..
If문은 프로그램에 어떤 조건이 충족될때만 특정 작업을 하라는 명령이다. 이것은 웹사이트에 로그인할때 주로 사용된다. '만약 사용자 이름과 패스워드가 데이터베이스의 기록과 일치하면 사용자의 로그인을 허용하라'는 작업을 실행한다. 이제 if문을 이용해 간단한 패스워드시스템을 만들어 보자. 우선 입력창 바로 앞부분에 텍스트 'What is the password?'를 추가한다. 이 코드를 실행하면 아래와 같은 결과가 나온다. 여기까지 이해되셨다면 다음단계로 넘어간다. 사용자가 입력한 내용이 미리 정해놓은 패스워드와 일치하는지 테스트한다. 패스워드를 'coding'이라고 정하고 자바스크립트의 밑줄친 alert... 열을 아래처럼 바꾼다. 밑줄친 부분의 흐름을 설명하자면 문서에서..
암호입력시 사용자가 암호를 잘못 입력했을 경우에 아무런 결과가 나오지 않으면 안된다. 사용자에게 잘못입력되었다고 무언가 메시지를 주어야 한다. 'else'라는 키워드로 이를 해결할 수 있다. 앞의 코드에 아래 코드를 추가하라 else { alert("that's not right, try again")} 이제 틀린 단어를 아무렇게 입력하고 실행하게 되면 다음과 같은 메시지창이 뜬다. 점점 모양을 갖춘 코딩이 되어 가고 있다 ^^