본문 바로가기

Javascript/연습8

event.preventDefault() +버블링 + form + parentElement로 데이터 넘기고 삭제 form으로 값 넘기는거 했는데 이거로 하니깐 값이 안나오네.. event.preventDefault이거로 하라고 하신다 이거쓰면 값이 안넘어가서 여기서 이용가능 를 안만들어주고 해서 이렇게 되는게 아니라 이렇게 되네... 그래서 어쩔수없이 삭제할 때 이렇게 했다 (why? 만등러줄때 tbody를 안넣고 만들어서 등록할 시 tbody안에 td가 들어가서 //tbody가 여러개 만들어진다) tbody기준으로 버블링 tbody를 안만들어줘서 만들어줄때마다 생겨서 만들어 줄때도 tbody를 전부 다 가져와서 했다(querySelectorAll) table기준으로 버블링 헷갈린 부분;; 이부분으로 공백을 넣고 입력했을 때 등록이 안되도록 하는 부분 처음에 charAt(0)으로 했는데 이거는 제일 앞칸만 공백체크.. 2023. 6. 2.
가격 할인율 보여주깅 원래가격 원 할인율 % 할인 가격 계산하기 * { margin: 0; padding: 0; } #wrap { width: 100%; } section { display: grid; /* grid-template-columns: 160px 330px; */ grid-template-columns: repeat(2, minmax(100px, auto)); grid-template-rows: repeat(2, 1fr); justify-content: center; align-items: center; } p { margin: 10px; } span { display: inline-block; width: 100px; } button { margin-left: 120px; width: 150px; height:.. 2023. 6. 1.
여행준비물 점검 배열써서 하기 여행준비물 점검 목록 추가 // let arr = ['aaa','bbb','ccc']; // arr.push('ddd'); // document.write(arr+" "); //aaa bbb ccc ddd // arr.splice(1,1); // document.write(arr+" "); // aaa ccc ddd window.onload = function () { let input = document.querySelector("#input"); let button = document.getElementById("button"); let ul = document.getElementById("ul"); button.addEventListener("click", btn); let arr = []; fun.. 2023. 6. 1.
계산기 event.target써서 버블링으로 해보기 0 7 8 9 + 4 5 6 - 1 2 3 * / 0 C = 2023. 6. 1.