728x90 반응형 자바스크립트23 자바스크립트 웹페이지 로딩바 구현 Javascript 로딩바 만들기자바스크립트에서 로딩바 이미지 파일 없이화면 로딩바를 구현하는 방법을 소개합니다. A 버튼을 클릭하면 showLoader 함수가 호출되어 애니메이션 되는 로딩 이미지를 화면에 보여주고, B 버튼을 클릭하면 hideLoader 함수가 호출되어 로딩 이미지를 숨깁니다. 로딩 이미지는 이미지 파일이 아닌 CSS를 사용하여 스타일링되었습니다. 로딩바 HTMLA 버튼B 버튼 로딩바 CSS.loader-container { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000;}.loader { border: 8px solid .. 2023. 11. 15. Javascript 현재 날짜와 시간을 구하는 방법 자바스크립트로 현재 날짜와 시간 구하기JavaScript를 사용하여 현재 날짜와 시간을 구하는 방법에 대해 알아보겠습니다. JavaScript에서는 내장된 Date 객체를 활용하여 간단하게 현재 날짜와 시간을 얻을 수 있습니다. Date 객체를 사용한 현재 날짜와 시간 구하기JavaScript의 Date 객체는 현재의 날짜와 시간 정보를 제공합니다. 다음은 Date 객체를 사용하여 현재 날짜와 시간을 구하는 예제입니다:let currentDate = new Date();let year = currentDate.getFullYear();let month = currentDate.getMonth() + 1;let day = currentDate.getDate();let hours = currentDat.. 2023. 11. 1. Javascript로 object의 키 존재 여부를 확인하는 방법 자바스크립트로 object의 키 존재 여부 확인JavaScript에서 객체의 키(key) 존재 여부를 확인하는 방법에 대해 알아보겠습니다.객체 내에 특정 키가 있는지 확인하는 것은 프로그램에서 유용한 조건문을 작성하는 데 도움이 됩니다. hasOwnProperty() 메서드 사용하기JavaScript에서는 hasOwnProperty() 메서드를 사용하여 객체 내에 특정 키가 있는지 확인할 수 있습니다. 이 메서드는 주어진 문자열이 객체의 고유한 속성인지 검사하고, 결과로 불리언 값을 반환합니다. 다음은 hasOwnProperty() 메서드를 사용하여 객체의 키 존재 여부를 확인하는 예제입니다: let person = { name: "John", age: 30,};console.log(person... 2023. 10. 30. Javascript와 jQuery로 라디오 버튼 체크 여부 확인하는 방법 자바스크립트와 jQuery로 라디오 버튼 체크 여부 확인하기JavaScript와 jQuery를 사용하여 라디오 버튼의 체크 여부를 확인하는 방법에 대해 알아봅시다. 1. Javascript로 라디오 버튼의 체크 여부 확인하기JavaScript에서는 checked 속성을 통해 라디오 버튼이 선택되었는지 여부를 확인할 수 있습니다. checked 속성은 true 또는 false 값을 가지며, 선택되었을 경우 true, 선택되지 않았을 경우 false가 반환됩니다. (1) 하나의 라디오 버튼 확인하기let radio = document.getElementById("radioId");if (radio.checked) { console.log("선택되었습니다!");} else { console.l.. 2023. 10. 29. Javascript에서 원단위를 절사하는 방법 자바스크립트 원 단위 절사 하는 방법JavaScript에서 원단위를 절사하는 방법에 대해예제를 통해 알아보겠습니다.원단위를 절사한다는 것은 소수점 이하의 숫자를 제거하여 정수 부분만 남기는 것을 의미합니다. Math.floor() 함수로 원 단위 절사하기JavaScript에서 가장 일반적으로 사용되는 방법은 Math.floor() 함수를 사용하는 것입니다. Math.floor() 함수는 주어진 숫자의 소수점 이하를 버리고, 정수 부분만 반환합니다. 다음은 Math.floor() 함수를 사용하여 원단위로 절사 하는 예제입니다:let number = 3.14159;let result = Math.floor(number);console.log(result); // 출력 결과: 3위 코드에서 number 변.. 2023. 10. 28. Javascript로 체크박스의 체크여부를 확인하는 방법 자바스크립트로 체크박스 체크여부 확인하기JavaScript를 사용하여 체크박스의 체크 여부를 확인하는 방법에 대해 알아봅시다. 1. checked 속성을 이용한 방법JavaScript에서는 checked 속성을 통해 체크박스가 선택되었는지 여부를 확인할 수 있습니다. 이 속성은 true 또는 false 값을 가지며, 선택되었을 경우 true, 선택되지 않았을 경우 false가 반환됩니다. (1) 하나의 체크박스 확인하기 하나의 체크박스의 상태를 확인하려면 다음과 같이 코드를 작성할 수 있습니다:let checkbox = document.getElementById("checkboxId");if (checkbox.checked) { console.log("체크되었습니다!");} else { c.. 2023. 10. 27. 이전 1 2 3 4 다음 728x90 반응형
