JS (30) 썸네일형 리스트형 사용자가 입력한 주소를 Google 지도의 iframe 코드를 생성 하기 먼저 HTML 파일을 생성하고 사용자의 주소 입력 폼과 지도를 표시할 영역을 만듭니다. Google Map Generator 주소 입력: 지도 생성 이제 JavaScript 파일을 생성하여 사용자가 주소를 입력하고 "지도 생성" 버튼을 눌렀을 때, 해당 주소를 기반으로 Google 지도의 iframe 코드를 생성하고 표시하는 기능을 구현합니다. document.getElementById("addressForm").addEventListener("submit", function(event) { event.preventDefault(); const addressInput = document.getElementById("address"); const mapDiv = document.getElementById(.. JavaScript를 사용하여 새 창을 열기 새 창 열기 window.open('https://www.example.com', '_blank'); 이렇게 뒤에 사이즈를 안넣으면 그냥 새창으로 열립니다. 이미지 태그 안의 src 값이 실제 파일로 존재하는지 확인 // 모든 이미지 태그를 선택합니다. const imgElements = document.querySelectorAll('img'); // 각 이미지 태그의 src 속성을 확인하여 이미지를 로드하고 존재 여부를 판단합니다. imgElements.forEach(img => { const image = new Image(); image.onload = function() { console.log('이미지가 로드되었습니다:', img.getAttribute('src')); }; image.onerror = function() { console.log('이미지 로드에 실패했습니다:', img.getAttribute('src')); }; image.src = img.getAttribute('src'); }); 위.. javascript forEach 함수 forEach 함수의 일반적인 구문은 다음과 같습니다. const numbers = [1, 2, 3, 4, 5]; numbers.forEach(function(number, index) { console.log(number, index); }); 위의 코드는 숫자 배열의 각 요소와 해당 인덱스를 콘솔에 출력합니다. 실행 결과는 다음과 같습니다. 1 0 2 1 3 2 4 3 5 4 forEach 함수는 배열의 각 요소에 대해 반복 작업을 수행하는 간단하고 편리한 방법입니다. [JS] JavaScript를 사용하여 이미지를 복사하기 JavaScript를 사용하여 이미지를 복사할 수 있습니다. QR 코드 이미지 복사 document.getElementById("copyBtn").addEventListener("click", function() { const img = document.getElementById("image"); const imgSrc = img.src; // 이미지 파일 로딩 fetch(imgSrc) .then(response => response.blob()) .then(blob => { // Blob 객체 생성 const clipboardItems = [ new ClipboardItem({ "image/png": blob }) ]; // 클립보드에 복사 navigator.clipboard.write(clipboar.. [javascript] js 소수점 1 자릿수가 0인 경우 소수점 이하 버리고 소수점 1 자릿수가 0보다 큰 경우 소수점 이하 올림 소수점 1 자릿수가 0인 경우 소수점 이하 버리고 소수점 1 자릿수가 0보다 큰 경우 소수점 이하 올림 function processNumber(num) { var rounded = Math.round(num * 10) / 10; // 소수점 1 자릿수에서 반올림 if (rounded % 1 === 0) { // 소수점 1 자릿수가 0인 경우 return Math.floor(rounded); // 소수점 이하 버림 } else { // 소수점 1 자릿수가 0보다 큰 경우 return Math.ceil(rounded); // 소수점 이하 올림 } } console.log(processNumber(10.000000000001137)); 결과 : 10 [javascript] javascript에서 배열에 같은 값을 추가 하지 않기 // 배열에 같은 값을 추가 하지 않음 function addUniqueItem(array, item) { if (array.indexOf(item) === -1) { return true; }else{ return false; } } // 사용 예시 var arr = ['a', 'b', 'c']; var value = 'd'; if(addUniqueItem(arr, value)){ arr.push(value); } [javascript] JavaScript를 사용하여 쿠키 생성 쿠키 생성 // 쿠키 이름, 값, 만료일자(일 수) function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/"; } // 사용 예시 setCookie("username", "홍길동", 30); 쿠키 값 가져오기 function getCookie(name) { var nameEQ = name.. 이전 1 2 3 4 다음
