목록html function (5)
겉바속촉
이번에는 우리가 이미지 파일 4개를 가지고 와서 작업을 해보도록 할게요:) 우선 블럭 사이에다가 div를 만들어줄게요:) 그리고 컴파일 해보시면 눈에 보이는 것은 아무것도 없을 거에요:) 그래서 윗 부분에 css로 style 작성해주세요!! 그리고 다음과 같이 스크립트문까지 완성해주시면 끝입니다!! 컴파일 해보시면 다음과 같이 디저트 4가지 이미지가 나오는 데요:) 각각 이미지를 클릭해보시면 ----> onclick 행위 아래 div 위치에 클릭한 이미지가 뜹니다 ----> window.onload = function이 작동
fucntion을 여러개 만들어서 alert창으로 확인해볼게요:) 컴파일 해보시면 다음과 같이 뜹니다:) 사이에 우리가 button타입으로 주었기 때문에 클릭 가능한 것들이쥬? value값에 넣어 준 값들이 버튼에 들어가 있구요!! onclick에 지정해준 함수들이 잘 작동되는 지 하나씩 눌러봅시다! 첫번째 alert 누르면 --> test1 함수가 작동되는 데 123을 넣은 결과가 도출됩니다:) 두번째 alert 누르면 --> test2 함수가 작동되는 데 문자열 str인 HELLO를 넣은 결과가 도출됩니다:) 세번째 confirm 누르면 --> test3 함수가 작동되는 데 이 함수는 confirm창이 뜨도록 되어 있습니다 확인 버튼을 누르면 = 추가됐어요 취소 버튼을 누르면 = 취소했어요 네번째 p..
이번에는 재미있게 수강신청 했는지 물어보는 html을 꾸며봅시다:) 다음과 같이 우선 코드를 작성해주세요 질문은 태그를 활용해주시구요 수강신청 하셨나요? 수강신청확인 을 활용해서 이름을 넣어주었습니다 이라고 해주었구요:) 을 활용하시면 다음과 같은 결과가 나옵니다 이제 button을 만들어주세요 예, 아니오 가 써져있는 button입니다:) 수강신청 하셨나요? 수강신청확인 컴파일 해보시면 다음과 같이 나옵니다:) 이제 예 아니오 누르면 무언가 변화가 생기게 해주고싶어요:) 그럼 자바스크립트 활용해주시면 되겠쥬? function 2개를 각각 만들고 onclick에 소환해주세요! 전체 코드블럭은 수강신청 하셨나요? 수강신청확인 예 누르면 아니오 누르면
스크립트 안에다가 sampleConfirm명을 가진 함수를 만들었습니다:) 이 함수는 if문을 활용해줄게요 그래서 좋아요? 라고 물어봤을 때 확인 , 취소를 누른 결과가 alert창으로 뜨게 해줄게요! 다음과 같이 작성해주세요:) body부분을 보시면 button을 하나 만들었죠?? button에 써져 있는 값은 click me!! 라고 주었습니다:) click me 를 누르면 이동하게 해주려고 onclick="" 이라고 넣어줍니다 그리고 스크립트에서 작성해준 함수를 불러오는 거에요:) onclick에다가!!!!!!!!!!!! 완성된 전체 코드블럭 확인 누르면 취소 누르면
우선 함수의 종류에 대해서 알아보도록 할게요:) 1. 파라메타 와 리턴값이 없는함수 function 함수이름() { } 2. 파라메타 만 있고 리턴값이 없는함수 function 함수이름(pa1,pa2){ } 3. 파라메타 와 리턴값이 있는함수 function 함수이름(pa1,pa2){ return 반환값; } 함수명 형태에 따른 분류 1. 가장 기본적인 함수 function hello(){ document.write("자바스크립트 시작~"); } hello(); 2. 리터럴 방식-->함수명=function 형태 hello2= Function(){ document.write("리터럴 방식 함수 만들기"); } hello2(); 3. 이름없는함수...주로 어떤 내용을 외부와 완전히 분리시킬때 (functio..