STUDY/Java Script 버튼 클릭 시 문구 복사하게 만들기 2023.07.20 굳이굳이 블럭처리해서 ctrl + C, V하지 않고 클릭(터치)만으로 복사하는 방법. - HTML COPY - JAVA SCRIPT function copy() { // 복사문구값 가져오기 var copyTxt = document.getElementById("copyTxt"); // 복사문구 선택 copyTxt.select(); copyTxt.setSelectionRange(0, 99999); // Mobile 대응 // 복사 navigator.clipboard.writeText(copyTxt.value); // 복사완료에 대해 Alert으로 띄우기 alert("복사되었습니다."); } - RESULT HTML 삽입 미리보기할 수 없는 소스 출처: https://www.w3schools.com/howto.. 여러 요소 중 랜덤하게 뿌리기 2023.07.17 // 랜덤 요소 생성 var r1 = 'Random1'; var r2 = 'Random2'; var r3 = 'Random3'; var r4 = 'Random4'; var r5 = 'Random5'; // 랜덤 요소들을 배열로 만들기 var rBox = new Array(r1, r2, r3, r4, r5); // 랜덤요소를 추가할 영역 var container = $('#container'); container.append(randomItem(rBox), ' '); // 랜덤 실행 function randomItem(a) { return a[Math.floor(Math.random() * a.length)]; } 는 는는 는는는 2023.06.14 =과 ==과 ===의 차이 /* (=) 대입연산자. 값을 넣을 때 사용 */ var a = 1; var b = '1'; var c = 1; /* (==) 동등연산자. 값을 비교할 때 사용 */ a == b // true b == c // true a == c // true /* (===) 일치연산자. 값의 타입까지 비교할 때 사용 */ a == b // false b == c // false a == c // true !=과 !==의 차이 var a = 1; var b = '1'; /* (!=) 값만 비교 */ a != b // false /* (=!=) 값의 타입까지 비교 */ a !== b // true 고도몰에서 로그인 후 서비스 이용할 수 있게 하기 2023.03.28 로그인하지 않아도 보이는 영역 로그인을 해야 볼 수 있는 영역 쉽게 삼항연산자를 생각하면 된다. ✔ 조건문 ? true면 실행하는 내용 : 조건의 내용이 false면 실행하는 내용 로그인·회원가입 유효성 검사하기 2021.10.06 로그인 또는 회원가입할 때 필수 입력값을 입력하지 않고 넘길 경우 "~~~를 확인해주세요" 같은 메시지가 뜬다. 어떻게 띄우는 걸까? ✔ CSS(생략가능) /* 입력 폼 css */ input { display: block; width: 220px; height: 45px; padding: 5px; margin: 10px 0; border: 1px solid gainsboro; border-radius: 3px; box-sizing: border-box; overflow: hidden; transition: all 0.3s; } /* 입력 폼을 마우스로 클릭했을 때 */ input:focus, input:active { border: 1px solid #4faaa7; outline: none; } /* .. Java Script 공부하기(with. 패스트캠퍼스) 2021.06.11 자바스크립트! 기초가 없어서 리액트 중단하고 공부 중이다. 이전에 리액트 공부하기에 있는 패스트캠퍼스 강의로 듣고 있다. 모르는 부분은 구글링도 해가면서 열심히 공부하는데.. 내머리가 나빠서 ^^... 응용이 안되서 ^^... 하기가 싫어서 ^^... 내가 과연 할 수 있을까 생각이 든다 ㅠㅠ 게다가 강의가 훅훅 지나가는 느낌이라 더 그런 느낌을 받는거 같기도 하다. 지금 현재 배열 내장함수를 공부하고 있는데 그냥 내 머릿속에는 콘솔로그밖에 생각이 안나는건 왜져,,, 지금 할게 너무 많다. 다 그냥 집어 치우고싶다ㅜㅜ 자바스크립트 공부도 하고 다 되면 리액트도 공부하고 자격증 시험도 2주 남았는데 공부 진짜 하나도도도도도 안했다. 열심히 하자... 주말에는 셤공부해야지~! 😫 이전 1 다음
