게시글
질문&답변
2020.06.25
마지막에 클릭하면 창이 뜨게 하는 것에서 쓰신 ''
선생님 오늘따라 제가 질문이 많네요ㅠ 다름이 아니라 이것을 따로 적용해봤는데 문제는...어디서 걸친건지... 원래 적용되어야하는 이벤트 타겟위치를 잡는 함수가 작동을 안하네요!!!! 토글버튼을 따로 만들어서 접혔다 폈다할 수 있고, 첫 시작을 접힌채로 시작하게끔하는 것도 성공했는데... 버튼을 누르면 1,2,3 이렇게 떠야하는게 이제는 안되네요... 정말...끝없는..버그의 연속이.. var menu_state=false; var menu = document.querySelector('.menu'); var menuBtn = document.querySelector('.menu-btn'); function menuToggle() { if(menu_state == false) { menuHide(); menu_state = true; } else if (menu_state == true) { menuOpen(); menu_state = false; } } function menuHide() { menu.innerHTML = ""; } function menuOpen() { menu.innerHTML = htmlStr;; } menuBtn.addEventListener("click", menuToggle); const htmlStr = ` (사진) 일분이 1 (사진) 일분이 2 (사진) 일분이 3 `; (function () { const menu = document.querySelector('.menu'); function clickHandler(e) { let elem = event.target; while (!elem.classList.contains('menu-btn')) { elem = elem.parentNode; if (elem.nodeName == "BODY") { elem=null; return; }}; console.log(elem.dataset.value); }})();
- 0
- 5
- 286
질문&답변
2020.06.25
이상황에서 어떻게해야 색깔을 바꿀 수 있을까요?
앗 정말 감사합니다ㅜㅜㅜ 응용으로 색하나 더 추가하게 해봤어요!!! 혼자해보다가 너무 스트레스였는데 감사해요!! const ballElem = document.querySelector('.ball'); let change = 1;. window.addEventListener('click', function(e) { ballElem.style.transform = 'translate(' + (e.clientX - 15) +'px, ' + (e.clientY-15) +'px)'; if(change == 1) { ballElem.classList.add('end'); change = 2; }else if (change == 2) { ballElem.classList.remove('end'); ballElem.classList.add('end2'); change = 3; }else { ballElem.classList.remove('end2'); change = 1; } });
- 0
- 3
- 245
질문&답변
2020.06.16
마지막에 클릭하면 창이 뜨게 하는 것에서 쓰신 ''
앗 감사합니다! 혹시 이 상태에서는 어떻게 코드를 짜야 원래대로 돌아갈까요? 클릭 전 상태로! toggle처럼 펼쳤다가 접혔다가 할 수 있는... 코드를 집어넣는다면 어떻게 될까요?
- 0
- 5
- 286
질문&답변
2020.06.16
마지막에 클릭하면 창이 뜨게 하는 것에서 쓰신 ''
제가 원래 하던 방법은 var menustate = false; function menuToggle() {if (menustate === false) {menuHide();menustate =true;} else if (menustate === true) {menuopen();menustate = false;} function menuHide() { document.querySelector(".menu").style.display = "none"; } function menuOpen() { document.querySelector(".menu).style.display = "flex" } 이런식으로 배워서 하다가ㅜㅜ 일분코딩님... 방법으로 배우다보니 약간 치환하기가 어렵네요...
- 0
- 5
- 286