겉바속촉

이제 제이쿼리를 해보도록 합시다 두둥 test명을 가진 html파일 하나 생성해주었습니다 위와 같이 형광펜 칠해진 부분에 src="https://code.jquery.com/jquery-3.5.1.js"를 script에 넣어줍니다. 다운받지 않아도 직접 CDN을 넣어주는 방법이쥬:) 그리고 저는 bootstrap링크까지 추가해버렸습니다:) 이 상태에서 템플릿을 아예 만들어두고 시작할게요:) 매번 일일이 치려면 힘드니까요! 전체 선택 - 복사 하신 상태에서 우클릭 - new - html file - file name 지정 - next 꼭꼭꼭 next 눌러주셔야 합니다!!! 그래서 HTML Templates를 클릭 후 next 클릭해주세요 New 클릭 다음과 같이 name과 description 지어주신 후..

이번에는 난수를 발생시키고 나서 그 수가 무엇인지 맞추는 간단한 게임을 만들어보도록 할게요:) 다음과 같이 코드를 작성해주세요 숫자입력: 여기까지 작성하신 후에 컴파일해보시면 숫자입력: 네모 ---> 이것만 나옵니다 왜냐면 우리가 아직은 div로 공간만 주었기 때문이죠:) 눈에는 보이지 않습니다. ---> 이렇게 숫자가 출력될 공간 생성해주시고 ----> 이렇게 이미지가 출력될 공간 생성해주시는 겁니다 이제 나타나게 해보도록 할게요:) title 밑에 그럼 다음과 같이 잘 나오죠?! 이제는 난수를 발생시키고 우리가 입력한 수와 비교해서 큰지 작은지 문장이 나오도록 설정해주시면 끝입니다. 1.난수 function 생성해주기 window.onload=function(){ rnd=parseInt(Math.ra..

이번 목표는 1. 마우스 이벤트 객체 2. id값 지정한 곳에 출력해내기 먼저 마우스 이벤트에 대해서 만들어볼게요:) 사진 두장을 가지고 왔어요!! 마우스를 올렸을 때, 내렸을 때 사진에 변화가 오도록 코드를 작성해보려고 합니다:) 이따가 id값에 대해서 만들기 위해 버튼도 미리 작성해두었습니다 마우스를 올렸을 때 --> onmouseover 마우스를 내렸을 떄 --> onmouseout 그리고 컴파일 해보시면!! 마우스 안 올렸을 때 마우스 올렸을 때 이제 click me 에 대해서 효과주기 촛불 사진 위에 click me라는 button을 아까 만들어두었죠?? 그걸 클릭하면 안녕하세요가 뜨게 해볼게요 바로 id 지정한 곳에 뜨게 하는 방식입니다:) 버튼 누르면!! 다음과 같이 뜨는 게 보이시쥬?! 이..