edge에서 되는 기능 chrome에서는...

Question

안녕하세요. 졸업작품 중에 여쭤보고 싶은 게 생겨 글을 써 봅니다ㅠㅠ검색 기능을 node.js로 구현을 했는데 이 기능이 edge에서는 잘 돌아가지만 chrome에서는 돌아가지 않습니다.edge에서 검색 결과를 콘솔로 찍어봤을 때 결과가 배열 형태로 제대로 뜨지만 chrome에서는 계속 null값만 나옵니다..왜 그런걸까요?? 코드가 좀 길지만 읽어주시면 정말 감사하겠습니다!/** simple-keyboard 키보드 **/ $(document).ready(function () { const Keyboard = window.SimpleKeyboard.default; const KeyboardLayouts = window.SimpleKeyboardLayouts.default; const layout = new KeyboardLayouts().get("korean"); // const normalizedCandidate = selectedCandidate.normalize("NFD"); const myKeyboard = new Keyboard({ onChange: input => onChange(input), onKeyPress: button => onKeyPress(button), ...layout }); let name1NFC; function onChange(input) { document.querySelector(".input").value = input; console.log("Input changed", input); name1NFC = input.normalize('NFC'); } function onKeyPress(button) { console.log("Button pressed", button); if (button === "{enter}") { search(name1NFC); location.reload(); } } document.getElementById("search_icon").addEventListener("click", function () { search(name1NFC); location.reload(); }) }); function search() { const searchInput = document.getElementById('input_menu_name').value; // 검색어가 비어있지 않을 경우에만 서버로 요청 전송 if (searchInput.trim() !== '') { fetch(`http://localhost:3001/search?keyword=${encodeURIComponent(searchInput)}`) .then(response => response.json()) .then(data => { const resultContainer = document.getElementById('resultContainer'); resultContainer.innerHTML = ''; // 이전 결과 초기화 if (data.length === 0) { resultContainer.innerHTML = '

검색 결과가 없습니다.

'; } else { localStorage.setItem('mydata', JSON.stringify(data)); } // const searchResult = encodeURIComponent(JSON.stringify(data)); //localStorage.setItem('mydata', JSON.stringify(data)); //console.log(data); }) .catch(error => console.error('Error fetching data:', error)); } } function search(searchInput) { // const searchInput = document.getElementById('input_menu_name').value; // 검색어가 비어있지 않을 경우에만 서버로 요청 전송 if (searchInput !== '') { fetch(`http://localhost:3001/search?keyword=${encodeURIComponent(searchInput)}`) .then(response => response.json()) .then(data => { const resultContainer = document.getElementById('resultContainer'); resultContainer.innerHTML = ''; // 이전 결과 초기화 if (data.length === 0) { resultContainer.innerHTML = '

검색 결과가 없습니다.

'; localStorage.setItem('mydata', '없음'); // '없음' 문자열 저장 } else { // const searchResult = encodeURIComponent(JSON.stringify(data)); localStorage.setItem('mydata', JSON.stringify(data)); //console.log(data); localStorage.setItem('searchInput', searchInput); } }) .catch(error => console.error('Error fetching data:', error)); } } // Enter 키 입력 시 search 함수 호출 document.getElementById('input_menu_name').addEventListener('keypress', function (event) { if (event.key === 'Enter') { event.preventDefault(); // 기본 제출 동작 막기 search(); // 검색 함수 호출 location.reload(); //페이지 새로고침/ } }); function handleKeywordClick() { const keyword = document.querySelectorAll(".keyword"); keyword.forEach(item => { item.addEventListener('click', function () { const keyword_value = item.textContent; search(keyword_value); localStorage.setItem('searchInput', keyword_value); location.reload(); }) }) } function modal_display() { const all_modal = document.querySelector('.modal'); all_modal.computedStyleMap.display = 'flex'; } handleKeywordClick(); // 함수 호출

edge에서 되는 기능 chrome에서는...

0개의 답변

Q&A 목록