프로젝트/10 Javascript Project Challenge2 2. 퀴즈 사이트 본 포스팅은 Florin Pop 유튜브 채널을 보고 학습한 내용을 바탕으로 작성되었습니다. 😺 만들고자 하는 것 위 사진처럼, 퀴즈를 불러오고 정답을 맞출 수 있는 시스템을 만들어 보려고 한다. 물론, 퀴즈를 불러오는 API는 구현되어 있지 않으므로 하드코딩으로 진행할 것이다. 😺 HTML 분석 먼저, 화면 가운데에 위치해 있는 가장 큰 div가 있고, 안에서 두 부분으로 나누어진다. 첫번째는, 문제와 답안을 랜더링하는 div가 이다. 이 부분에서 문제와 답안으로 다시 나누어 진다. 문제는 h2를, 답안은 ul> li를 사용하고 li 내부에서 input과 label을 합쳐 단 하나의 정답만 클릭 할 수 있도록 구현할 것이다. 두번째는, 답안을 클릭하고 제출하는 button이다. 😺 HTML 코드 작성 Q.. 2021. 11. 8. 1. 새해 카운트다운 웹 본 포스팅은 Florin Pop 유튜브 채널을 보고 학습한 내용을 바탕으로 작성되었습니다. 😺 만들고자 하는 것 첫번째 챌린지는 새해까지 얼마나 남았는지를 알려주는 사이트이다. 😺 HTML 분석 먼저 큰 제목에 해당하는 "New Years Eve"에 div가 하나 들어 갈 것이고, 그 밑으로 days, hours, mins, seconds가 들어갈 큰 div 안에 4개의 div가 만들어져야 한다. 😺 HTML 코드 작성 먼저, html 뼈대 코드를 만들어 준 후, script.js, style.css파일을 연결해 준다. 이후, 분석한 결과에 따라서 HTML코드 먼저 생성해 보도록 하자. New Years Eve 0 days 0 hours 0 mins 0 seconds 😺 HTML 코드 작성한 결과 😺 C.. 2021. 11. 2. 이전 1 다음
