JavaScript로 간단한 구구단 퀴즈 페이지 만들기 네 번째
안녕하세요 느종입니다. 오늘은 구구단 퀴즈 페이지의 마지막 결과 화면을 만들어 보겠습니다. 결과 화면은 기존에 만들었던 것들과 거의 똑같습니다. 결과 화면을 마무리 짓고 다음 시간에는 같은 그림 찾기 페이지를 만들어볼까 합니다. OX퀴즈, 나라 수도 퀴즈, 구구단 퀴즈까지 시작 화면, 메인 화면, 결과 화면의 비슷한 포맷으로 구성을 하…
안녕하세요 느종입니다. 오늘은 구구단 퀴즈 페이지의 마지막 결과 화면을 만들어 보겠습니다. 결과 화면은 기존에 만들었던 것들과 거의 똑같습니다. 결과 화면을 마무리 짓고 다음 시간에는 같은 그림 찾기 페이지를 만들어볼까 합니다. OX퀴즈, 나라 수도 퀴즈, 구구단 퀴즈까지 시작 화면, 메인 화면, 결과 화면의 비슷한 포맷으로 구성을 하…
안녕하세요 느종입니다 저번 시간에 이어서 구구단 퀴즈 페이지의 메인 부분을 완성해 보겠습니다. 그럼 바로 시작할게요. 함께 공부해요! 1. 메인 화면 페이지 2. 자바스크립트 코드 [ scripts.js ] 1. function checkingFunc(str) { : 정답 확인 버튼을 눌렀을 때 정답인지 아닌지를 변수로 넣고, 정답일…
안녕하세요 느종입니다. 오늘은 구구단 퀴즈 페이지의 메인 화면을 만들어볼까 합니다. 저번에 만들었던 나라 수도 퀴즈는 input 태그를 활용하였는데요. 이번에는 버튼 형식으로 구성을 하였습니다. 그럼 바로 시작하겠습니다. 함께 공부해요! 1. 메인 화면 페이지 메인 화면 페이지입니다. 퀴즈 영역에서는 구구단이 임의로 주어지고, 그 아래…
안녕하세요 느종입니다. 오늘은 무엇을 만들어볼까하다가 문득 구구단이 떠올랐어요. 그래서 간단하게 구구단 퀴즈를 해볼 수 있는 페이지를 만드려고 합니다. OX 퀴즈, 나라 수도 퀴즈 페이지에서 만들어 놓았던 기존 형태에서 크게 벗어나지 않으니 어렵지 않을 거에요. 그럼 시작해볼게요. 함께 공부해요! 1. 설계 이번에도 비슷한 형태로 구성…