본문 바로가기

반응형

JavaScript

(9)
[JavaScript] 자바스크립트 기초 예제 적정 체중 구하기 코드 지출 초과 여부 확인 코드var price1 = 3000; var price2 = 6000; var price3 = 3000; var result = (price1 + price2 + price3)
[자바스크립트 기초] 배열 두개가 서로 같은지 비교하기 배열 두개가 서로 같은지 비교하기 같은배열일까 ([1,2,3] , [4,5,6]); false 같은배열일까 ([1,2,3] , [4,5,6,7]); false 같은배열일까 ([1,2,3] , [1,2,3]); true var 같은배열일까 = function(앞,뒤){ if (앞.length !== 뒤.length){ 길이가 같은지 먼저 확인 return false; } }; undefined 같은배열일까([1,2,3] , [4,5,6]); undefined 같은배열일까([1,2,3] , [4,5,6,7]); false var 같은배열일까 = function (앞, 뒤) { if (앞.length !== 뒤.length){ return false; }else{ for (var i = 0; i
+= 연산자로 문자열에 문자 추가하기 / for 반복문 예제 javascript is awesome ▼ j4v4scr1pt 1s 4w3s0m3 로 변환하기 실행문 var 입력 = "javascript is awesome"; var 출력 = ""; for(i=0; i< 입력.length; i++){ if (입력[i] === "a"){ 출력 += "4"; } else if (입력[i] === "e"){ 출력 += "3"; }else if (입력[i] === "i"){ 출력 += "1"; }else if (입력[i] === "o"){ 출력 += "0"; }else{ 출력 += ""; 출력 += 입력[i]; }; }console.log(출력);
[자바스크립트 기초] 함수로 인디언이름 반환하기 함수 function() 으로 인디언이름 반환하기 var 색상목록 = ["푸른","붉은","검은","하얀"]; undefined var 자연목록 = ["늑대","태양","독수리","바람"]; var 단어목록 = ["눈물","환생","기상","일격"]; var 인디언이름 = 무작위단어선택(색상목록); var 무작위단어선택 = function(단어목록){ return 단어목록[Math.floor(Math.random()*단어목록.length)]; }; 무작위단어선택(단어목록); "일격" 무작위단어선택(색상목록); "하얀" var 인디언이름 = 무작위단어선택(색상목록) + " " + 무작위단어선택(자연목록) + "의 " + 무작위단어선택(단어목록)+ "!!"; 인디언이름; "하얀 태양의 눈물!!" 인디언이름;..
무작위로 6글자 문자열 생성하기 무작위로 6글자 문자열 생성하기 영문 알파벳이 모두 들어있는 문자열에서 아무 문자를 골라 무작위 문자열 만들기 예제를 풀어보았습니다 var 알파벳 = "abcdefghijklmnopqrstuvwxyx"; var 무작위문자열 = ""; while (무작위문자열.length < 6 ){ 무작위문자열 +="" ; 무작위문자열 +=알파벳[Math.floor(Math.random()*알파벳.length)]; } console.log(무작위문자열); 답지가 업어서 시간이 오래걸렸지만 일단 예제를 푸는 순서로 1. Math.floor(Math.random()를 사용하여 무작위로 하나의 문자를 선택하기 2. 무작위로 선택된 단어들이 += 연산자로 합쳐지는지 (6글자가 될때까지) 3. while 반복문에 넣기 이렇게 풀..
[html/css] Javascript - 마우스를 따라다니는 아저씨 눈 자바스크립트로 만들기/onmousemove, eventclientX, eventclientY, window.innerHeight, window.innerWidth 마우스를 따라다니는 신사 눈 자바스크립트로 만들기 body{ margin:0; padding:0; background: #34495e; } .face{ z-index: 99; position: absolute; vertical-align: center; top:10%; left:10%; width: 100%; text-align: center; background:#FFE5C2; border-radius: 30%;; width: 600px; height: 800px; } .hair{ position: relative; vertical-align: center; top:-40px; left:-10px; width: 100%; text-align: center; background:#2e2a2a; borde..
[html/css/javaScript] 자바스크립트로 탭메뉴 만들기 tap menu tap1 tap2 tap3 tap4 # 제품명 상세설명 가격 비고 1 ~~~ 100$ 2 ~~~ 100$ 3 ~~~ 100$ # 22 22 22 22 ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ 3 3 3 3 3 ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ 4 4 4 4 4 ♤ ♤ % % % ♤ ♤ % % % ♤ ♤ % % % ♤ ♤ % % % ♤ ♤ % % % @charset "UTF-8"; * { margin: 0; padding: 0; box-sizing: border-box; } body{ margin-top: 100px; margin-left: 100px; } .col { border-collapse: collapse; } button { background-color: dodgerblu..
[html/css] input태그에 글 입력 시 아이콘/이미지 활성화 시키기 input태그에 글 입력 시 아이콘/이미지 활성화 시키기 HTML에서 버튼을 비활성화 시키는 것은 disabled을 사용하면 되지만, 아이콘이나 이미지파일에 input 태그에 입력 시 효과를 주려면 간단한 자바스크립트로 가능합니다. 1. javascript 검색란(input태그 "searchbox")에 입력이 되어 있으면 활성화버튼(btn-gray2)는 안보이고, 비활성화버튼(btn-gray)버튼만 인라인 블럭 속성으로 보이게 합니다. 반대인 경우는 else로 설정합니다. 2.html 같은 아이콘을 나란히 두개 넣은 후 위치를 css로 겹치게합니다 fontawesome.com/ Font Awesome The world’s most popular and easiest to use icon set just ..

반응형