Liea
'javascript' 태그의 글 목록

javascript

① 공부/HTML, JavaScript, Vue.js, CSS

[JavaScript] 웹사이트 기능 제한하기(우클릭, 드래그, 키보드 입력(복사, 붙여넣기, 개발자도구, 소스코드 보기))

아래의 소스코드는 다음과 같은 기능을 제한한다. - 우클릭 - 드래그 - 키보드 입력(복사, 붙여넣기) - 개발자도구 - 소스코드 보기 // 마우스 우클릭 막기 document.addEventListener('contextmenu', function(e) { e.preventDefault(); }); // 드래그 막기 document.addEventListener('dragstart', function(e) { e.preventDefault(); }); // 키보드 입력 막기 document.addEventListener('keydown', function(e) { // F12 막기 if (e.keyCode === 123) { e.preventDefault(); } // Ctrl + U 막기 if (e...

① 공부/HTML, JavaScript, Vue.js, CSS

[JavaScript] JavaScript 화면 출력하는 다양한 방법

1. 경고창 window.alert() window.alert("출력"); 2. HTML출력 document.write() document.write("HTML출력"); // HTML document 이후에 document.write()의 사용은 // 존재하는 모든 HTML을 지우고 완전히 로드되기 때문에 // 테스트 용도로만 추천 JavaScript 출력 테스트 click 3. HTML요소에 출력 innerHTML document.getElementById("test").innerHTML = '출력'; 4. 브라우저 콘솔에 출력 console.log() // 브라우저 F12 개발자 모드에서 확인 가능console.log("출력");

① 공부/HTML, JavaScript, Vue.js, CSS

[HTML, JavaScript] &nbsp 생기는 문제 JS 사용해서 해결하는 방법

- 위 화면의 코드를 보면 $nbsp를 추가하지 않았는데 생성되어있다. 삭제하고자 코드를 봐도 볼 수가 없으니 헤메고 있었다. - 방법을 찾다가 아래와 같은 방법으로 해결했다. - 아래 코드를 보면 해당 class의 값은 form-group으로 지정되어 있다. - 아래 코드는 &nbps 를 지우는 스크립트이다. form-group 위치에 자신이 지정한 클래스명을 적어넣으면 된다. - 해결되었다.

① 공부/HTML, JavaScript, Vue.js, CSS

HTML, JavaScript. 글자색, 배경색 동시에 바꾸는 방법

색을 고르세요 빨강/파랑 파랑/노랑 노랑/주황 초록/보라 회색/흰색

① 공부/HTML, JavaScript, Vue.js, CSS

HTML, JavaScript. 날짜와 시간 출력하는 사이트 만들기

//폼과 영역을 만든다. //오늘날짜출력하기 를 누르면 표준시 정보를 날짜 영역에 출력한다. //시간출력하기 를 누르면 시간 영역에 시, 분, 초 단위를 출력한다. 날짜/시간 출력하기 날짜 영역 시간 영역

① 공부/HTML, JavaScript, Vue.js, CSS

HTML, JavaScript. 글자색, 배경색 바꾸는 다양한 방법

//폼을 만든다. //첫번째 방식인 radio를 선택하면 해당 컬러를 선택했다는 알림창을 띄우고 배경색을 바꾼다. //두번째 방식인 버튼을 선택하면 바로 배경색을 바꾼다. //세번째 방식인 리스트를 선택하면 바로 글자색을 바꾼다. 색을 고르세요 빨강 파랑 분홍 초록 라임 white pink black yellow skyblue

① 공부/HTML, JavaScript, Vue.js, CSS

HTML, JavaScript. 주민등록번호를 이용해 정보 출력하는 사이트 만들기

//프롬프트를 띄워 주민번호를 입력받는다. //형식이 올바르지 않다면 경고창을 띄운다. //올바른 형식을 입력했다면, 해당 주민등록번호를 이용하여 성별, 나이, 생일을 페이지에 출력한다.

① 공부/HTML, JavaScript, Vue.js, CSS

HTML, JavaScript. 성적구하는 사이트 만들기

//폼을 만든다. //국어, 영어, 수학 점수 미 입력시 경고창을 띄우며, 해당칸에 입력을 받는다. //점수 입력 후 점수계산을 누르면 총점과 평균을 계산하여 출력하고, 평균값을 수정하지 못하게 한다. //그 상태에서 평가를 누르면 평균점수에 따른 결과 등급을 출력한다. 성적구하기 국어 : 영어 : 수학 : 총점 : 평균 : 결과 :

① 공부/HTML, JavaScript, Vue.js, CSS

HTML, JavaScript. 다양한 형태의 계산기 페이지 만들기

간단한 계산기 만들기 간단계산기 숫자1 : 숫자2 : 입력한 수 까지의 합 구하는 계산기 만들기 입력한 수 까지의 합 구하기 부터 까지 프롬프트 계산기 만들기 프롬프트 계산기