자바스크립트를 익히는데 도움이 되는 기본적인 퀴즈들을 통해서 공부를 해보려고 합니다.
기본적인 HTML과 프로그래밍을 하실 줄 알면 자바스크립트를 배우는데 큰 문제는 없습니다.
자바스크립트를 처음 접하시는 분들도 제가 포스팅하는 퀴즈들을 풀어보시면 실력을 높일 수 있습니다! ^^
정답을 .html파일로 저장하여서 브라우저에서 실행을 시켜서 확인하셔도 됩니다~!
이번 퀴즈들은 프로그래밍의 가장 기본이라고 할 수 있는 변수(variables)입니다.
정답은 가장 마지막에 모두 적겠습니다~
문제1. 변수 Name을 생성하고 John값을 저장한 뒤 출력하라.
(힌트:document.getElementById("demo").innerHTML)
<html>
<body>
<p id="demo">Display the result here.</p>
<script>
// 정답을 적으시오.
</script>
</body>
</html>
문제2. 변수 num을 생성하고 숫자 50을 저장한 뒤 출력하라.
<html>
<body>
<p id="demo">Display the result here.</p>
<script>
// 정답을 적으시오.
</script>
</body>
</html>
문제3.아래의 코드에서 John이 왜 출력 안되는 지 찾은 뒤 수정하라.
<html>
<body>
<p id="demo">Display the result here.</p>
<script>
var Name = "John";
document.getElementById("demo").innerHTML = name;
</script>
</body>
</html>
문제4. 변수 x,y를 생성하여, 5+10의 결과를 출력하라.
<html>
<body>
<p id="demo">Display the result here.</p>
<script>
// 정답을 적으시오.
</script>
</body>
</html>
문제5. 변수 z를 추가하여 x+y의 값을 입력 시킨 뒤 출력하라.
<html>
<body>
<p id="demo">Display the result here.</p>
<script>
var x = 5;
var y = 10;
</script>
</body>
</html>
문제6. var를 1개만 사용하여 아래 변수 3개를 선언하고, 각각에 값을 입력하여라.
firstName="John"
lastName="Kim"
age=30
<html>
<body>
<p id="demo">Display the result here.</p>
<script>
// 정답을 적으시오.
document.getElementById("demo").innerHTML =
firstName + " " + lastName + " is " + age;
</script>
</body>
</html>
정답
문제1.
var Name = "John";
document.getElementById("demo").innerHTML = Name;
문제2.
var num = 50;
document.getElementById("demo").innerHTML = num;
문제3.
document.getElementById("demo").innerHTML = Name; // name을 Name으로 변경
문제4.
var x = 5;
var y = 10;
document.getElementById("demo").innerHTML = x + y;
문제5.<script>에 아래와 같이 추가
<script>
var x = 5;
var y = 10;
var z = x + y;
document.getElementById("demo").innerHTML = z;
</script>
문제6.
var firstName = "John", lastName = "Kim", age = 30;
'IT 지식정리 > 자바스크립트' 카테고리의 다른 글
| 자바스크립트 : 함수(functions) (0) | 2017.11.22 |
|---|---|
| 자바스크립트 : 데이타 타입 (0) | 2017.11.22 |
| 자바스크립트 연산자 우선순위값 목록 (0) | 2017.11.21 |
| 자바스크립트 : 연산자(operators) (0) | 2017.11.21 |
| 자바스크립트 : 변수(variables) (0) | 2017.11.21 |