본문 바로가기

Computer/HTML, CSS, Javascript

[Javascript] 과제: 변수

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