프로젝트 개발 관련 공부/웹개발4 곱셈 공식 연습 문제 사이트 만들기-3 개수가 입력된 것만 결과값이 보이게 만들기 성공 css의 display:none 사용 새로고침 없이도 입력값이 0인지 0보다 큰 지에 따라 사라졌다가 나타났다가 되도록 추가 0보다 큰 수가 입력됨 && classList에서 hidden이 켜져있으면(contains) 보여줘야하므로 hidden remove 일단 입력받는 form이랑 예제 문제를 출력해주는 div를 구분했고 index 위치를 똑같이 배치해서 index(i)끼리 value를 비교하는 방식으로 했다. 유지보수면에서는 정말 별로 지만 일단 돌아가게 하는게 목표 2024. 1. 30. 곱셈 공식 연습 문제 사이트 만들기-2 문제 개수가 제대로 입력됐는지 확인 for(const 임시이름 of 반복시킬변수이름) 굿 2024. 1. 30. 곱셈 공식 연습 문제 사이트 만들기-1 각 개수를 입력하면, 왼쪽에 있는 공식의 예제 문제가 만들어지게 할 예정 예제 문항 만들기 버튼이 onClick되면 작동을 해야하는데.. ㅎㅎ... 시작부터 에러ㄷㄷ 에러 발생.. input이 여러개 있어서 그런건가 queraySelectorAll로 해도 같은 에러 발생 const formulaForm부분을 없애도 querySelector로 바로 넘겨주도록 수정했더니 해결 좀더 찾아보니까 htm이 모두 로드되지 않았는데 js가 html을 참조한게 문제였다. 즉, html 파일 내에서 js를 불러오는 위치가 너무 위에 있던게 문제였다..ㅋㅋㅋㅋㅋㅋ 세상에 이런... 참고자료 https://velog.io/@sorikikikim/Cannot-read-properties-of-null-reading-addEv.. 2024. 1. 30. 곱셈 공식 연습 문제 사이트 만들기-0 수학학원 알바 중인데, 곱셈 공식을 못 외우길래 단순 연산 문제 풀게 해줄 생각 문제은행 사이트는 많은데, 문제는 애들이 $(ax+b)(cx+d)=acx^{2}+(ab+cd)x+bd$를 못하는 중 그래서 $\square x^{2}+\square x+\square$에서 네모채우기만 시킬 예정 1. 문제 개수를 입력하면 문제 개수만큼 만들어져야함 2. x를 제외한 미지수(a, b, c, d)는 -20이상, 20이하, 0은 안됨(단항식은 연습이 안되므로 제외) 2024. 1. 30. 이전 1 다음
