JavaScript/Effect34 이펙트 응용 편 | 퀴즈 만들기 네번째 웹디자인 기능사 퀴즈 풀기 웹 디자인 기능사 필기 기출문제를 JS를 이용해서 간단한 퀴즈 프로그램을 만들었습니다. 퀴즈의 답을 입력하고 정답 확인하기 버튼을 누르면 답이 나타나게 됩니다. 원본 소스 보기 1.HTML 코드 HTML에서 js를 동작하기위한 class이름과 input등을 적절히 사용하여 사용자가 알아보기쉽게 표현해야합니다. 코드 보기 정답입니다! 틀렸습니다! 정답 확인하기 2.CSS 코드 CSS는 앞서 마크업한 HTML 코드를 디자인및 js동작할때 태그에 추가할 class를 만듭니다. 코드 보기 :root { --black: #1c1419; } * { margin: 0; padding: 0; box-sizing: border-box; } *::before *::after { content: .. 2022. 8. 8. 이펙트 응용 편 | 퀴즈 만들기 세번째 웹디자인 기능사 퀴즈 풀기 웹 디자인 기능사 필기 기출문제를 JS를 이용해서 간단한 퀴즈 프로그램을 만들었습니다. 퀴즈의 답을 입력하고 정답 확인하기 버튼을 누르면 답이 나타나게 됩니다. 원본 소스 보기 1.HTML 코드 HTML에서 js를 동작하기위한 class이름과 input등을 적절히 사용하여 사용자가 알아보기쉽게 표현해야합니다. 코드 보기 정답입니다! 틀렸습니다! 정답 확인하기 정답입니다! 틀렸습니다! 정답 확인하기 정답입니다! 틀렸습니다! 정답 확인하기 정답입니다! 틀렸습니다! 정답 확인하기 2.CSS 코드 CSS는 앞서 마크업한 HTML 코드를 디자인및 js동작할때 태그에 추가할 class를 만듭니다. 코드 보기 :root { --black: #1c1419; } * { margin: 0; pa.. 2022. 8. 7. 이펙트 응용 편 | 퀴즈 만들기 두번째 웹디자인 기능사 퀴즈 풀기 웹 디자인 기능사 필기 기출문제를 JS를 이용해서 간단한 퀴즈 프로그램을 만들었습니다. 퀴즈의 답을 입력하고 정답 확인하기 버튼을 누르면 답이 나타나게 됩니다. 원본 소스 보기 1.HTML 코드 HTML에서 js를 동작하기위한 class이름과 input등을 적절히 사용하여 사용자가 알아보기쉽게 표현해야합니다. 코드 보기 정답입니다! 틀렸습니다! 정답 확인하기 2.CSS 코드 CSS는 앞서 마크업한 HTML 코드를 디자인및 js동작할때 태그에 추가할 class를 만듭니다. 코드 보기 :root { --black: #1c1419; } * { margin: 0; padding: 0; box-sizing: border-box; } *::before *::after { content: .. 2022. 8. 4. 이펙트 응용 편 | 퀴즈 만들기 첫번째 웹디자인 기능사 퀴즈 풀기 웹 디자인 기능사 필기 기출문제를 JS를 이용해서 간단한 퀴즈 프로그램을 만들었습니다. 퀴즈의 답을 입력하고 정답 확인하기 버튼을 누르면 답이 나타나게 됩니다. 원본 소스 보기 1.HTML 코드 HTML에서 js를 동작하기위한 class이름과 input등을 적절히 사용하여 사용자가 알아보기쉽게 표현해야합니다. 코드 보기 정답 확인하기 2.CSS 코드 CSS는 앞서 마크업한 HTML 코드를 디자인및 js동작할때 태그에 추가할 class를 만듭니다. 코드 보기 :root { --black: #1c1419; } * { margin: 0; padding: 0; box-sizing: border-box; } *::before *::after { content: ''; box-sizing.. 2022. 8. 4. 이전 1 ··· 3 4 5 6 다음 728x90 반응형
