IT업계 종사자의 블로그

jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [완성본]2-3. 이메일 도메인만 얼럿 띄우기 클릭 3. HTML 붙이기/지우기 연습 3-1. 이름을 입력하면 아래 나오게 하기 [완성본]3-2. 다지우기 버튼을 만들기 이름 붙이기 다지우기 세종대왕 임꺽정

txt는 id="inpuut-q2"의 value(값)을 가져올건데 txt에 @가 포함되어 있다면 콘솔창에 true가 뜨게 됨 --> 요게 includes 의 기능 * 결과물 @ 를 포함해서 위처럼 입력 후 클릭을 누르고 콘솔 확인 시 ture 뜸..!

txt를 q1의 id값의 value를 가져오는 것으로 함 let txt = $('#input-q1').val() 그 다음 빈칸 입력 시에는 '빈칸입니다' 얼럿을 띄우고 입력 시에는 입력한 글자를 얼럿을 띄우게 함 if (txt == '') { alert('빈칸입니다') } else { alert(txt) }

script 안에 아래와 같은 function 2개 만들어주기 박스를 열 버튼에 function open_box 걸어주기 이렇게! 그리고 닫기 function을 적용할 버튼(닫기 버튼)에 위처럼 close_box function 적용해주기 그러면 아래처럼 나타남 이제 html 화 했던 기능을 적용해본다면..! id="post-box"에 각각 show, hide 기능을 적어줌 그리고 카드 기본값이 보이지 않는 것을 설정하기 위해 아래처럼 display: none; 설정해줌 * 결과물 기본값이 카드가 미노출되며 '영화 기록하기' 클릭 시 카드 노출됨 닫기 누르면, 다시 카드 사라짐 오..신기해 신기해 ㅎㅎㅎㅎㅎㅎ

아래 카드박스들을 계속 붙이는 태그를 적어보자 [...붙이기 붙이기...] 해당 카드박스 div에 id="cards-box" 붙여주기 콘솔창에 아래와 같이 입력 백틱 안의 태그는 html이 아니라 문자열이다. 이 문자열을 html화 시켜보자. 이어서 $('#cards-box').append(temp_html) 입력 ----> cards-box에다가 temp_html을 html화 하겠다는 의미 그래서 맨 아래처럼 버튼이 붙어버림 (html화 했으니까!) 계속 넣으면 위 처럼 버튼이 계속 붙음 아래의 카드 div 복사 후 저 백틱 사이에 복붙해준다 이렇게!! 그다음, $('#cards-box').append(temp_html) 입력 후 엔터 오.. 카드가 붙음..!(5번째 카드 생성됨) 여러번 입력하면 카드..

자바스크립트를 통해 버튼을 누르는 수만큼 홀수, 짝수를 구분하여 얼럿창에 "짝수입니다/홀수입니다" 표시하기 내 생애 최고의 영화들 영화 기록하기 첫번째 클릭하면 '홀수입니다' 얼럿 노출 두번째 클릭 시 '짝수입니다' 얼럿 노출

jQuery 도 "짱구의 바지" 가 통한다 1. 지칭한다 (짱구의) 2. 지시한다 (바지) CSS는 class로 지칭하였다면, jQuery에서는 id로 지칭한다 id=URL 로 바꿔주고 콘솔창에 $('#URL').val('입력을 하고 싶다') 입력 후 엔터 결과값 오... 해석하면 다음과 같다 만약 value를 가지고 오고 싶다면? ()에 아무것도 넣지 않으면 됨 jQuery 로 div박스 감추기를 해보자 id="post-box" 추가 후 콘솔에 $('#post-box').hide() 라고 입력하면 그 div 박스가 사라짐 다시 보이게 하는 태그는 $('#post-box').show()

jQuery 란? Javascript를 미리 작성해둔 것. 라이브러리! (CSS 의 부트스트랩과 같은 개념) https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com

버튼을 누르는 수만큼 홀수/짝수를 구분함. 결과는 아래와 같음

- 함수: function(정해진 동작을 하는 것) 예시를 보자 sum(a,b)는 얼럿 a+b가 뜨게 function 설정 콘솔창에 sum(2,3) 치고 엔터하면 5가 얼럿으로 뜸 또 다른 예시 결과는?! 새로고침 시 '계산을 하자' 얼럿 먼저 뜨고 그다음 '5' 얼럿 뜸 같은 수식에서 얼럿을 --> console.log 로 변경 cosole.log : 콘솔창에 띄워줘라 새로고침시 콘솔창에 아래와 같이 나타남 - 조건문: if 예시를 보자 결과는 아래와 같음 - 반복문: for 결과는 아래와 같다 또 다른 예시를 보자 여기서 score만 찍고 싶다면?! 그러면 아래처럼 나온다 리스트[1,2,3,4] 와 반복문은 같이 쓰임! 여기서 score가 70점이 넘는 애들의 이름만 찍어주고 싶다면? 결과