코딩np
loading
본문 바로가기 메뉴 바로가기
자바스크립트로 암호를 잘못입력시 팝업창메시지 띄우기 기능

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

카테고리 없음 2024. 11. 4. 00:10
자바스크립트로 텍스트로 입력한 내용 팝업창으로 띄우기

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

카테고리 없음 2024. 11. 3. 10:11
자바스크립트를 이용해 텍스트박스안의 사용자 개인정보 얻기

앞의 글에서  클릭을 통해서 팝업창을 띄우고 스타일을 바꾸는 법에 대해 알아 보았습니다. 이제 텍스트박스안에 입력되어진 사용자의 정보를 가져오는 법에 대해 알아보겠습니다.       홈페이지를 검색하다보면 텍스트를 입력한 다음 그안의 내용을 서버에 제출하는 홈페이지 구성을 자주 보셨을겁니다  아래와 같은 모습입니다.   위의 박스안에 글을 입력하고 submit을 누르면 박스안에 입력된 자료가 지정한 서버로 송출이 되어집니다.  그럼 예제를 통해 연습해 봅시다 문제) 페이지에서 링크와 자바스크립트를 삭제하고 텍스트영역을 만들어라. 그리고 'submit'라는 이름의 버튼을 추가한다. 버튼을 클릭하면 "click!"라는 팝업창이 뜨도록 설정한다. 먼저 충분히 생각해 보시고 아래의 정답을 보시기를 권장합니다  ..

카테고리 없음 2024. 11. 1. 16:31
이전 1 ··· 13 14 15 16 17 18 19 ··· 38 다음
이전 다음

티스토리툴바

이메일: help@abaeksite.com | 운영자 : 아로스
제작 : 아로스
Copyrights © 2022 All Rights Reserved by (주)아백.