개발/HTML&JS20 html 테이블 생성 / 팔레트 효과 이중 for문 작업 결과물1 5층, 8호, 3px 을 차례로 입력시 결과물 응용(구구단 아파트) body, CSS, script 작업 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 Document // document.write()는 문자열에 태그를 넣어 출력하는 방식이었음 //document.write(""); // 하지만 이방식만 있는게 아니라, createElement()를 이용할 수 있다. window.addEventListener("load",function(){ createTable(); }); function createTable(){ .. 2021. 3. 14. html 회원가입 form / 이미지 도장 if~else if 문 작업 결과물1 body, CSS, script 작업 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 Document .wrapper{ width: 600px; margin: auto; }.. 2021. 3. 14. html 클릭제어 / 키보드제어 자주쓰는 addEventListener addEventListener의 활용 작업 결과물1 body, CSS, script 작업 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 Document body{margin:0px} #wrapper{ position: relative; width: 100%; height: 600px; background:yellow; } var img; va.. 2021. 3. 14. html 삼항연산자 활용 삼항 연산자란? (조건) ? 참 : 거짓 *조건이 참일떄는 참에 있는 조건들을 실행하며, 거짓일때에는 거짓에 있는 조건들을 실행한다 1 2 3 4 var x=(true)? 3:5; console.log("x값은",x); cs 예를 들어 상기와같은 조건이 주어졌을때 (조건) 안의 값은 true 이므로 console에 찍히는 값은 3 이다. 작업 결과물1 body, CSS, script 작업 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 Document #wrapper{ positio.. 2021. 3. 13. html 애니매이션 / 카운터 작업 결과물1 body, CSS, script 작업 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 Document body{ margin: 0px; } #wrapper{ width: 100%; height: 500px; background: url(../images/bg.PNG); background-repeat: repeat-x;/.. 2021. 3. 13. 이전 1 2 3 4 다음 반응형
