[2-1~2-2] javascript 복습
예시 소스 (나홀로메모장)
* alert (알럿창) 이용방법 *
1. script 안에다가 변수 지정 후, alert 으로 원하는 문구 입력해주세요!
2. boby 부분에서 button 부분에서 "onelick" +"변수" 사용해주세요!
ex )
<script>
function 변수명(){
alert('원하는 안내문구 입력'} ;
</spript>
<boby>
<button onclick="변수명()" class="mybtn">주문하기</button>
</boby>
실제 사용한 코드
hey 라는 변수명을 동일하게 기재하여서 버튼 클릭시 알럿창으로 주문 안내 진행
<script>
function hey() {
alert('주문이 완료되었습니다!');
}
</script>
<button onclick="hey()" class="mybtn">주문하기</button>
* 짝/홀수 onlick 함수 *
1. 한번 클릭하면 홀수 , 두번 클릭하면 짝수를 나타내기 위해서는 카운트가 되어야해!
ex)
<script>
function 변수명(){
let 변수명2 = 1;
if (변수명2 % 2 == 0){
alert('홀수입니다'} ;
} else {
alert('짝수입니다'} ;
}
변수 += 1;
</spript>
but, 함수 안에 있는 경우에는 축적이 되지 않으니! 꼭 함수 밖에다가 카운팅 하는 변수를 올려줘야해
카운팅 안되는 소스 ( 함수 안에 카운팅 되는 "변수명2" 있음) | 정상적으로 카운팅 되는 소스 |
<script> function 변수명(){ let 변수명2 = 1; if (변수명2 %2 == 0){ alert('원하는 안내문구 입력'} ; } else { alert('원하는 안내문구 입력'} ; } 변수명2 += 1; </spript> |
<script> let 변수명2 = 1; function 변수명(){ if (변수명2 %2 == 0){ alert('원하는 안내문구 입력'} ; } else { alert('원하는 안내문구 입력'} ; } 변수명2 += 1; </spript> |
* 위에 두가지 다 접한 코딩 소스*
<script>
let count = 1;
function hey(){
if(count % 2 == 0){
alert('짝수입니다')
} else {
alert('홀수입니다')
}
count += 1;
}
</script>
'항해99 웹개발 종합반 > 2주차코딩일지' 카테고리의 다른 글
[항해99] 2주차 JQuery (0) | 2021.12.21 |
---|
댓글