https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/Test_your_skills:_variables
당신의 기량을 시험해 보세요: 변수(variables) - Web 개발 학습하기 | MDN
이 기량 테스트의 목적은 당신이 우리의 필요한 정보를 저장하기 — 변수 문서를 이해했는지를 평가하기 위함입니다.
developer.mozilla.org
변수1
오류를 없애는 문제였다. 변수에 이름, 나이를 넣으면 끝이다.
// Add your code here
let myName;
myName = "Astercle";
let myAge = "21";
// Don't edit the code below here!
section.innerHTML = ' ';
const para1 = document.createElement('p');
para1.textContent = myName;
const para2 = document.createElement('p');
para2.textContent = myAge;
section.appendChild(para1);
section.appendChild(para2);
변수2
이 문제가 더 쉽다. 그저 초기화된 변수만 바꾸면 된다.
// Add your code here
let myName = 'Paul';
myName = "Astercle";
// Don't edit the code below here!
section.innerHTML = ' ';
const para = document.createElement('p');
para.textContent = myName;
section.appendChild(para);
변수3
코드의 오류를 고치는 것이다. 일단 변수가 아닌 상수로 초기화시켜놓고 상수의 값을 바꾸려고 했다. 또한 문자열과 숫자는 연산될 수 없는데 연산하려고 했다. 따라서 고치면 아래와 같다.
// Add your code here
let myName = 'Default';
myName = 'Chris';
let myAge = 42;
// Don't edit the code below here!
section.innerHTML = ' ';
const para1 = document.createElement('p');
const para2 = document.createElement('p');
para1.textContent = myName;
para2.textContent = `In 20 years, I will be ${myAge + 20}`;
section.appendChild(para1);
section.appendChild(para2);
이 문제들은 너무 쉬워서 그냥 넘어갈게요! 수고하셨습니다!
728x90
'Computer > HTML, CSS, Javascript' 카테고리의 다른 글
[Javascript] 과제: Silly story generator (0) | 2024.10.25 |
---|---|
[Javascript] 과제: 기본적인 연산 (3) | 2024.10.25 |
[CSS] 과제: 레이아웃 (2) | 2024.10.24 |
[CSS] 과제: 미디어 쿼리 (4) | 2024.10.23 |
[CSS] 과제: 그리드 레이아웃 (3) | 2024.10.22 |