설명 및 문제풀이
페이지 정보
본문
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quiz Application</title>
<style>
#kim {
padding: 20px;
/*font-size: 16px;*/
color: black;
line-height: 30px;
}
body {
font-family: Arial, sans-serif;
padding: 20px;
font-size: 15px;
color: darkblue;
}
.question {
margin-bottom: 20px;
}
.options {
list-style-type: none;
padding: 0;
}
.options li {
margin-bottom: 10px;
}
.score {
font-size: 1.5em;
margin-top: 20px;
}
.points {
color: red;
font-weight: bold;
}
.correct-answer {
color: green;
font-weight: bold;
}
.hint-button {
margin-top: 10px;
margin-bottom: 10px;
}
.hint {
display: none;
margin-top: 10px;
background-color: #f9f9f9;
padding: 10px;
border-left: 4px solid #ccc;
}
</style>
</head>
<body>
<h2 id="kh1">동명사란 무엇인가?</h2>
<p class="info" id="kim" style="color:black">
동명사(動名詞)는 to부정사와 마찬가지로 동사의 형태를 변형하여 문장 속에서 다양한 역할 을 할 수 있게 한 준동사이다. <br>
동명사는 동사와 명사를 합친 말이므로, 문장에서 명사의 역할 을 하면서 동사의 성질도 갖고 있다. <br>
동사의 성질을 갖는다는 것은 동작이나 상태를 나타내면 서 뒤에 목적어나 보어, 수식어를 취할 수 있다는 것이고, 명사 역할을 한다는 것은 문장에서 주어, 목적어, 보어로 쓰인다는 것이다. <br>
to부정사가 문장에서 명사, 형용사, 부사의 역할을 할 수 있는 것과 달리 동명사는 명사의 역할만 할 수 있다.
<br><br>
I like soccer<br>
O ( 목적어 - 일반명사 )<br>
위의 목적어 자리에는 반드시 명사가 와야 하므로 soccer라는 명사가
왔습니다.
그렇다면
나는 축구 경기하는 것을 좋아한다.
는 어떻게 할까요?
<br>
I like play soccter
O ( 목적어 )<br>
위의 문장에서 메인 동사는 like입니다.
like 뒤에 오는 목적어 자리는 반드시 명사만 와야 하므로 play라는
동사가 있으면 안 됩니다.<br>
play라는 동사를 명사의 식구로 바꾸어 주어야 합니다.<br>
이때 동사원형 ( play) 뒤에는 ing를 붙이면 명사의 자격을 얻게
되는데 이것이 바로 동명사의 원리인 것입니다.<br>
I like playing soccter.<br>
O ( 목적어 - 동명사 )<br>
동명사는 동사였던 요소가 명사로 바뀐 요소이기 때문에 일반 명사보다
복잡한 표현을 가능하게 해 줍니다
<br>
전치사 뒤에도 반드시 명사만 와야 합니다.
</p><br><br><br>
<h2>문제풀이</h2>
<div id="quiz-container"></div>
<button onclick="submitQuiz()">Submit</button>
<div id="result" class="score"></div>
<div id="feedback"></div>
<script>
const quiz = [
{
question: "1. Which planet is known as the Red Planet?",
options: [
"A) Earth",
"B) Mars",
"C) Jupiter",
"D) Venus"
],
answer: "B",
points: 3,
explanation: "Mars is called the Red Planet because of its reddish appearance, which is due to iron oxide (rust) on its surface.",
hint: "This planet is famous for its reddish appearance."
},
{
question: "2. What is the largest ocean on Earth?",
options: [
"A) Atlantic Ocean",
"B) Indian Ocean",
"C) Arctic Ocean",
"D) Pacific Ocean"
],
answer: "D",
points: 5,
explanation: "The Pacific Ocean is the largest and deepest ocean, covering more area than all the Earth's land combined.",
hint: "This ocean is larger than all the Earth's land area combined."
},
{
question: "3. Who wrote 'Romeo and Juliet'?",
options: [
"A) Charles Dickens",
"B) Mark Twain",
"C) William Shakespeare",
"D) Leo Tolstoy"
],
answer: "C",
points: 2,
explanation: "William Shakespeare is the author of 'Romeo and Juliet', one of the most famous plays in English literature.",
hint: "This author is widely regarded as one of the greatest playwrights in English literature."
},
{
question: "4. What is the capital of Japan?",
options: [
"A) Beijing",
"B) Seoul",
"C) Tokyo",
"D) Bangkok"
],
answer: "C",
points: 4,
explanation: "Tokyo is the capital city of Japan, known for its modern architecture, shopping, and pop culture.",
hint: "This city is known for its modern architecture, shopping, and pop culture."
},
{
question: "5. Which element has the chemical symbol 'O'?",
options: [
"A) Oxygen",
"B) Gold",
"C) Silver",
"D) Iron"
],
answer: "A",
points: 1,
explanation: "Oxygen is a chemical element with the symbol 'O', essential for respiration in most living organisms.",
hint: "This element is essential for respiration in most living organisms."
},
{
question: "6. What is the smallest country in the world?",
options: [
"A) Vatican City",
"B) Monaco",
"C) San Marino",
"D) Liechtenstein"
],
answer: "A",
points: 2,
explanation: "Vatican City is the smallest independent state in the world, both in terms of area and population.",
hint: "This country is known for being the smallest independent state in both area and population."
},
{
question: "7. Who painted the Mona Lisa?",
options: [
"A) Vincent van Gogh",
"B) Pablo Picasso",
"C) Leonardo da Vinci",
"D) Claude Monet"
],
answer: "C",
points: 3,
explanation: "Leonardo da Vinci painted the Mona Lisa, which is one of the most recognized and valuable paintings in the world.",
hint: "This artist is famous for painting the Mona Lisa."
},
{
question: "8. What is the chemical symbol for water?",
options: [
"A) O2",
"B) H2O",
"C) CO2",
"D) HO"
],
answer: "B",
points: 4,
explanation: "Water is composed of two hydrogen atoms and one oxygen atom, which is why its chemical formula is H2O.",
hint: "This molecule is composed of two hydrogen atoms and one oxygen atom."
},
{
question: "9. Which language is the most spoken worldwide?",
options: [
"A) English",
"B) Spanish",
"C) Mandarin",
"D) Hindi"
],
answer: "C",
points: 5,
explanation: "Mandarin is the most spoken language in the world, with over a billion native speakers, mostly in China.",
hint: "This language is spoken by over a billion people, mainly in China."
},
{
question: "10. How many continents are there?",
options: [
"A) 5",
"B) 6",
"C) 7",
"D) 8"
],
answer: "C",
points: 2,
explanation: "There are 7 continents on Earth: Africa, Antarctica, Asia, Europe, North America, Australia, and South America.",
hint: "There are 7 of these on Earth, including Africa and Asia."
}
];
// Display the quiz
function displayQuiz() {
const quizContainer = document.getElementById("quiz-container");
quiz.forEach((item, index) => {
const questionDiv = document.createElement("div");
questionDiv.className = "question";
questionDiv.innerHTML = `<p>${item.question} <span class="points">(${item.points} points)</span></p>`;
const optionsList = document.createElement("ul");
optionsList.className = "options";
item.options.forEach(option => {
const optionItem = document.createElement("li");
optionItem.innerHTML = `
<label>
<input type="radio" name="question${index}" value="${option[0]}">
${option}
</label>
`;
optionsList.appendChild(optionItem);
});
const hintButton = document.createElement("button");
hintButton.textContent = "Show Hint";
hintButton.className = "hint-button";
hintButton.onclick = () => {
const hint = document.getElementById(`hint${index}`);
hint.style.display = hint.style.display === "none" ? "block" : "none";
hintButton.textContent = hint.style.display === "none" ? "Show Hint" : "Hide Hint";
};
const hintDiv = document.createElement("div");
hintDiv.className = "hint";
hintDiv.id = `hint${index}`;
hintDiv.textContent = item.hint;
questionDiv.appendChild(optionsList);
questionDiv.appendChild(hintButton);
questionDiv.appendChild(hintDiv);
quizContainer.appendChild(questionDiv);
});
}
// Submit the quiz and calculate the score
function submitQuiz() {
let score = 0;
let feedbackHtml = '';
quiz.forEach((item, index) => {
const selectedOption = document.querySelector(`input[name="question${index}"]:checked`);
if (selectedOption && selectedOption.value === item.answer) {
score += item.points;
} else {
feedbackHtml += `<p>You got question ${index + 1} wrong. The correct answer is <span class="correct-answer">${item.answer}</span> (${item.points} points). ${item.explanation}</p>`;
}
});
const resultDiv = document.getElementById("result");
resultDiv.innerHTML = `Your score is ${score} out of ${quiz.reduce((acc, item) => acc + item.points, 0)}.`;
const feedbackDiv = document.getElementById("feedback");
feedbackDiv.innerHTML = feedbackHtml;
}
window.onload = displayQuiz;
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quiz Application</title>
<style>
#kim {
padding: 20px;
/*font-size: 16px;*/
color: black;
line-height: 30px;
}
body {
font-family: Arial, sans-serif;
padding: 20px;
font-size: 15px;
color: darkblue;
}
.question {
margin-bottom: 20px;
}
.options {
list-style-type: none;
padding: 0;
}
.options li {
margin-bottom: 10px;
}
.score {
font-size: 1.5em;
margin-top: 20px;
}
.points {
color: red;
font-weight: bold;
}
.correct-answer {
color: green;
font-weight: bold;
}
.hint-button {
margin-top: 10px;
margin-bottom: 10px;
}
.hint {
display: none;
margin-top: 10px;
background-color: #f9f9f9;
padding: 10px;
border-left: 4px solid #ccc;
}
</style>
</head>
<body>
<h2 id="kh1">동명사란 무엇인가?</h2>
<p class="info" id="kim" style="color:black">
동명사(動名詞)는 to부정사와 마찬가지로 동사의 형태를 변형하여 문장 속에서 다양한 역할 을 할 수 있게 한 준동사이다. <br>
동명사는 동사와 명사를 합친 말이므로, 문장에서 명사의 역할 을 하면서 동사의 성질도 갖고 있다. <br>
동사의 성질을 갖는다는 것은 동작이나 상태를 나타내면 서 뒤에 목적어나 보어, 수식어를 취할 수 있다는 것이고, 명사 역할을 한다는 것은 문장에서 주어, 목적어, 보어로 쓰인다는 것이다. <br>
to부정사가 문장에서 명사, 형용사, 부사의 역할을 할 수 있는 것과 달리 동명사는 명사의 역할만 할 수 있다.
<br><br>
I like soccer<br>
O ( 목적어 - 일반명사 )<br>
위의 목적어 자리에는 반드시 명사가 와야 하므로 soccer라는 명사가
왔습니다.
그렇다면
나는 축구 경기하는 것을 좋아한다.
는 어떻게 할까요?
<br>
I like play soccter
O ( 목적어 )<br>
위의 문장에서 메인 동사는 like입니다.
like 뒤에 오는 목적어 자리는 반드시 명사만 와야 하므로 play라는
동사가 있으면 안 됩니다.<br>
play라는 동사를 명사의 식구로 바꾸어 주어야 합니다.<br>
이때 동사원형 ( play) 뒤에는 ing를 붙이면 명사의 자격을 얻게
되는데 이것이 바로 동명사의 원리인 것입니다.<br>
I like playing soccter.<br>
O ( 목적어 - 동명사 )<br>
동명사는 동사였던 요소가 명사로 바뀐 요소이기 때문에 일반 명사보다
복잡한 표현을 가능하게 해 줍니다
<br>
전치사 뒤에도 반드시 명사만 와야 합니다.
</p><br><br><br>
<h2>문제풀이</h2>
<div id="quiz-container"></div>
<button onclick="submitQuiz()">Submit</button>
<div id="result" class="score"></div>
<div id="feedback"></div>
<script>
const quiz = [
{
question: "1. Which planet is known as the Red Planet?",
options: [
"A) Earth",
"B) Mars",
"C) Jupiter",
"D) Venus"
],
answer: "B",
points: 3,
explanation: "Mars is called the Red Planet because of its reddish appearance, which is due to iron oxide (rust) on its surface.",
hint: "This planet is famous for its reddish appearance."
},
{
question: "2. What is the largest ocean on Earth?",
options: [
"A) Atlantic Ocean",
"B) Indian Ocean",
"C) Arctic Ocean",
"D) Pacific Ocean"
],
answer: "D",
points: 5,
explanation: "The Pacific Ocean is the largest and deepest ocean, covering more area than all the Earth's land combined.",
hint: "This ocean is larger than all the Earth's land area combined."
},
{
question: "3. Who wrote 'Romeo and Juliet'?",
options: [
"A) Charles Dickens",
"B) Mark Twain",
"C) William Shakespeare",
"D) Leo Tolstoy"
],
answer: "C",
points: 2,
explanation: "William Shakespeare is the author of 'Romeo and Juliet', one of the most famous plays in English literature.",
hint: "This author is widely regarded as one of the greatest playwrights in English literature."
},
{
question: "4. What is the capital of Japan?",
options: [
"A) Beijing",
"B) Seoul",
"C) Tokyo",
"D) Bangkok"
],
answer: "C",
points: 4,
explanation: "Tokyo is the capital city of Japan, known for its modern architecture, shopping, and pop culture.",
hint: "This city is known for its modern architecture, shopping, and pop culture."
},
{
question: "5. Which element has the chemical symbol 'O'?",
options: [
"A) Oxygen",
"B) Gold",
"C) Silver",
"D) Iron"
],
answer: "A",
points: 1,
explanation: "Oxygen is a chemical element with the symbol 'O', essential for respiration in most living organisms.",
hint: "This element is essential for respiration in most living organisms."
},
{
question: "6. What is the smallest country in the world?",
options: [
"A) Vatican City",
"B) Monaco",
"C) San Marino",
"D) Liechtenstein"
],
answer: "A",
points: 2,
explanation: "Vatican City is the smallest independent state in the world, both in terms of area and population.",
hint: "This country is known for being the smallest independent state in both area and population."
},
{
question: "7. Who painted the Mona Lisa?",
options: [
"A) Vincent van Gogh",
"B) Pablo Picasso",
"C) Leonardo da Vinci",
"D) Claude Monet"
],
answer: "C",
points: 3,
explanation: "Leonardo da Vinci painted the Mona Lisa, which is one of the most recognized and valuable paintings in the world.",
hint: "This artist is famous for painting the Mona Lisa."
},
{
question: "8. What is the chemical symbol for water?",
options: [
"A) O2",
"B) H2O",
"C) CO2",
"D) HO"
],
answer: "B",
points: 4,
explanation: "Water is composed of two hydrogen atoms and one oxygen atom, which is why its chemical formula is H2O.",
hint: "This molecule is composed of two hydrogen atoms and one oxygen atom."
},
{
question: "9. Which language is the most spoken worldwide?",
options: [
"A) English",
"B) Spanish",
"C) Mandarin",
"D) Hindi"
],
answer: "C",
points: 5,
explanation: "Mandarin is the most spoken language in the world, with over a billion native speakers, mostly in China.",
hint: "This language is spoken by over a billion people, mainly in China."
},
{
question: "10. How many continents are there?",
options: [
"A) 5",
"B) 6",
"C) 7",
"D) 8"
],
answer: "C",
points: 2,
explanation: "There are 7 continents on Earth: Africa, Antarctica, Asia, Europe, North America, Australia, and South America.",
hint: "There are 7 of these on Earth, including Africa and Asia."
}
];
// Display the quiz
function displayQuiz() {
const quizContainer = document.getElementById("quiz-container");
quiz.forEach((item, index) => {
const questionDiv = document.createElement("div");
questionDiv.className = "question";
questionDiv.innerHTML = `<p>${item.question} <span class="points">(${item.points} points)</span></p>`;
const optionsList = document.createElement("ul");
optionsList.className = "options";
item.options.forEach(option => {
const optionItem = document.createElement("li");
optionItem.innerHTML = `
<label>
<input type="radio" name="question${index}" value="${option[0]}">
${option}
</label>
`;
optionsList.appendChild(optionItem);
});
const hintButton = document.createElement("button");
hintButton.textContent = "Show Hint";
hintButton.className = "hint-button";
hintButton.onclick = () => {
const hint = document.getElementById(`hint${index}`);
hint.style.display = hint.style.display === "none" ? "block" : "none";
hintButton.textContent = hint.style.display === "none" ? "Show Hint" : "Hide Hint";
};
const hintDiv = document.createElement("div");
hintDiv.className = "hint";
hintDiv.id = `hint${index}`;
hintDiv.textContent = item.hint;
questionDiv.appendChild(optionsList);
questionDiv.appendChild(hintButton);
questionDiv.appendChild(hintDiv);
quizContainer.appendChild(questionDiv);
});
}
// Submit the quiz and calculate the score
function submitQuiz() {
let score = 0;
let feedbackHtml = '';
quiz.forEach((item, index) => {
const selectedOption = document.querySelector(`input[name="question${index}"]:checked`);
if (selectedOption && selectedOption.value === item.answer) {
score += item.points;
} else {
feedbackHtml += `<p>You got question ${index + 1} wrong. The correct answer is <span class="correct-answer">${item.answer}</span> (${item.points} points). ${item.explanation}</p>`;
}
});
const resultDiv = document.getElementById("result");
resultDiv.innerHTML = `Your score is ${score} out of ${quiz.reduce((acc, item) => acc + item.points, 0)}.`;
const feedbackDiv = document.getElementById("feedback");
feedbackDiv.innerHTML = feedbackHtml;
}
window.onload = displayQuiz;
</script>
</body>
</html>
동명사란 무엇인가?
동명사(動名詞)는 to부정사와 마찬가지로 동사의 형태를 변형하여 문장 속에서 다양한 역할 을 할 수 있게 한 준동사이다.
동명사는 동사와 명사를 합친 말이므로, 문장에서 명사의 역할 을 하면서 동사의 성질도 갖고 있다.
동사의 성질을 갖는다는 것은 동작이나 상태를 나타내면 서 뒤에 목적어나 보어, 수식어를 취할 수 있다는 것이고, 명사 역할을 한다는 것은 문장에서 주어, 목적어, 보어로 쓰인다는 것이다.
to부정사가 문장에서 명사, 형용사, 부사의 역할을 할 수 있는 것과 달리 동명사는 명사의 역할만 할 수 있다.
I like soccer
O ( 목적어 - 일반명사 )
위의 목적어 자리에는 반드시 명사가 와야 하므로 soccer라는 명사가
왔습니다.
그렇다면
나는 축구 경기하는 것을 좋아한다.
는 어떻게 할까요?
I like play soccter
O ( 목적어 )
위의 문장에서 메인 동사는 like입니다.
like 뒤에 오는 목적어 자리는 반드시 명사만 와야 하므로 play라는
동사가 있으면 안 됩니다.
play라는 동사를 명사의 식구로 바꾸어 주어야 합니다.
이때 동사원형 ( play) 뒤에는 ing를 붙이면 명사의 자격을 얻게
되는데 이것이 바로 동명사의 원리인 것입니다.
I like playing soccter.
O ( 목적어 - 동명사 )
동명사는 동사였던 요소가 명사로 바뀐 요소이기 때문에 일반 명사보다
복잡한 표현을 가능하게 해 줍니다
전치사 뒤에도 반드시 명사만 와야 합니다.
문제풀이
- 이전글동명사란 무엇일까요? 24.08.20
- 다음글동명사란 무엇인가요? 24.08.20
댓글목록
등록된 댓글이 없습니다.