실력을 평가해 보세요: 반복문 - Web 개발 학습하기 | MDN
이 실력 테스트의 목적은 여러분이 우리의 반복문 문서를 이해했는지를 평가하기 위함입니다.
developer.mozilla.org
과제1
코드
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<title>Loops: Task 1</title>
<style>
p {
color: purple;
margin: 0.5em 0;
}
* {
box-sizing: border-box;
}
</style>
<link rel="stylesheet" href="../styles.css" />
</head>
<body>
<section class="preview"></section>
</body>
<script>
const myArray = ["tomatoes", "chick peas", "onions", "rice", "black beans"];
const list = document.createElement("ul");
// Add your code here
for (let i = 0; i < myArray.length; i++) {
let listItem = document.createElement("li");
listItem.textContent = myArray[i];
list.appendChild(listItem);
}
// Don't edit the code below here!
const section = document.querySelector("section");
section.appendChild(list);
</script>
</html>과제2
코드
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<title>Loops: Task 2</title>
<style>
p {
color: purple;
margin: 0.5em 0;
}
* {
box-sizing: border-box;
}
</style>
<link rel="stylesheet" href="../styles.css" />
</head>
<body>
<section class="preview"></section>
</body>
<script>
const name = "Mustafa";
const para = document.createElement("p");
const phonebook = [
{ name: "Chris", number: "1549" },
{ name: "Li Kang", number: "9634" },
{ name: "Anne", number: "9065" },
{ name: "Francesca", number: "3001" },
{ name: "Mustafa", number: "6888" },
{ name: "Tina", number: "4312" },
{ name: "Bert", number: "7780" },
{ name: "Jada", number: "2282" },
];
// Add your code here
let i = 0;
do {
if (phonebook[i].name === name) {
para.textContent = `${phonebook[i].name}'s number is ${phonebook[i].number}.`;
break;
}
i++;
} while (i < phonebook.length);
// Don't edit the code below here!
const section = document.querySelector("section");
section.appendChild(para);
</script>
</html>과제3
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<title>Loops: Task 3</title>
<style>
p {
color: purple;
margin: 0.5em 0;
}
* {
box-sizing: border-box;
}
</style>
<link rel="stylesheet" href="../styles.css" />
</head>
<body>
<section class="preview"></section>
</body>
<script>
let i = 500;
const para = document.createElement("p");
function isPrime(num) {
for (let i = 2; i < num; i++) {
if (num % i === 0) {
return false;
}
}
return true;
}
// Add your code here
while (i >= 2) {
if (isPrime(i) && i !== 2) {
para.textContent += `${i}, `;
}
if (i === 2) {
para.textContent += " 2.";
break;
}
i--;
}
// Don't edit the code below here!
const section = document.querySelector("section");
section.appendChild(para);
</script>
</html>코드
오류 있으면 댓글 남겨주세요 감사합니다!
728x90
'Computer > HTML, CSS, Javascript' 카테고리의 다른 글
| [Javascript] 과제: 객체 (4) | 2024.12.28 |
|---|---|
| [Javascript] 과제: 함수 (2) | 2024.12.10 |
| [Javascript] 과제: 조건 (3) | 2024.10.27 |
| [Javascript] 과제: 배열 (1) | 2024.10.25 |
| [Javascript] 과제: Silly story generator (0) | 2024.10.25 |
