2023/04 29

Javascript를 이용한 사이트 만들기! - 퀴즈 효과 사이트 만들기07_2

- 자 오늘도 어제와 같은 페이지를 진행을 해보겠습니다. - 숙제로 추가한 부분들을 볼 건데요 일단 시간이 가는데 그 시간이 초가 1의 자리일 때 0이 들어가서 자리 수를 맞춰주는 것과 - 점수를 매겨주는 것 - 이름을 입력했을 때 이름 값을 가져오는 3가지를 했습니다. - 코드를 같이 보시죠 // 입력한 이름을 가져오기 -- 시작버튼을 누르면 작동되는 함수 안에 추가 cbtName.innerText = `${yourName.value}`; // 점수 표시 ------------------------------ // 전역변수 추가 let quizScore = 0; //제출하기 창을 누르면 작동되는 함수 안에 추가 // 정답을 맞추었을 때 quizScore더해주기 반복문 안의 if문에 추가 if(numbe..

Javascript를 이용한 사이트 만들기! - 퀴즈 효과 사이트 만들기07_1

- 자 오늘도 어제하던 것을 마저 해봅시다. - 오늘은 추가한 것들은 바로 omr과 문제보기의 value값을 통일시켜서 하나를 눌러도 양쪽에서 표시가나게 해주었고, 문제를 하나씩 풀 때마다 남은 문제의 수가 하나씩 줄어들게 해주었습니다. 그리고 창이 켜졌을 때 문제풀기 버튼을 띄워주는 것등을 하였습니다. - 추가된 코드를 같이 보시죠 기능사 시험 시작하기 정보처리기능사 2005년 2회 정보처리기능사 2005년 4회 정보처리기능사 2005년 5회 정보처리기능사 2006년 1회 정보처리기능사 2006년 2회 정보처리기능사 2006년 3회 정보처리기능사 2006년 5회 정보처리기능사 2007년 1회 정보처리기능사 2007년 2회 정보처리기능사 2007년 5회 정보처리기능사 2008년 1회 정보처리기능사 200..

Javascript를 이용한 사이트 만들기! - 퀴즈 효과 사이트 만들기07

- 오늘도 퀴즈에 효과를 주는 사이트를 만들어 보았습니다. - 이번에 만든 퀴즈효과는 cbt 같은 느낌으로 만들었습니다. - 일단 html부분을 먼저 보겠습니다. 2020년 1회 정보처리기능사 기출문제 59분 10초 제출하기 수험자 : - 주석처리가 되어 있는 부분은 반복되는 부분들로 스크립트부분에서 반복문을 통해서 문제의 갯수만큼 반복시켜 줄 부분 이거나 계속 바뀌는 데이터로 스크립트를 통해 처리할 부분 입니다. - 크게 특별한 부분은 없습니다 스크립트를 보시죠 - push로 html를 넣어주고 정답을 가렸다가 나왔다가 하는 부분은 자주했던 부분이니 json파일을 불러오는 부분을 보겠습니다. let questionAll = []; const dataQuestion = () => { fetch("json..