<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>퀴즈 게임</title>
<style>
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #f4f4f4;
}
.container {
background: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center;
width: 100%;
max-width: 400px;
}
.hidden {
display: none;
}
button {
padding: 10px 20px;
margin-top: 10px;
border: none;
border-radius: 5px;
background-color: #007BFF;
color: white;
cursor: pointer;
}
button:disabled {
background-color: #aaa;
}
input, select {
padding: 10px;
margin: 10px 0;
width: 100%;
box-sizing: border-box;
}
.popup {
display: none;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 20px;
background: white;
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
}
.popup button {
margin-top: 10px;
}
.popup-background {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 500;
}
</style>
</head>
<body>
<div class="popup-background" id="popup-background"></div>
<div class="container">
<h1> 퀴즈 게임</h1>
<div id="settings-container">
<label for="difficulty">난이도 선택:</label>
<select id="difficulty">
<option value="easy">쉬움</option>
<option value="medium">보통</option>
<option value="hard">어려움</option>
</select>
<button id="start-game">게임 시작</button>
<button >OWASP(오픈 웹 애플리케이션 보안 프로젝트)는 웹 애플리케이션 보안에 대한 정보를 제공하는 비영리 단체입니다. OWASP는 주기적으로…
XSS는 공격자가 웹 페이지에 악성 스크립트를 삽입하여 다른 사용자의 정보를 탈취하는 기법입니다. 예제 다음은 XSS…
View Comments
Hello just wanted to give you a quick heads up and let you know a
few of the images aren't loading properly. I'm not sure
why but I think its a linking issue. I've tried it in two different internet browsers and both show the same
results.
Everyone loves it when folks get together and share ideas.
Great site, continue the good work!