![재미와 놀이로 배우는 자바스크립트 효과](https://javascriptsclass.com/wp-content/uploads/2023/04/CUsersvoovaDocuments카카오톡-받은-파일워프포_GPT_0415_무제한버전95a4ce83-1254-44ed-9390-8082d91b5d50.png)
재미와 놀이로 배우는 자바스크립트 효과
재미와 놀이로 배우는 자바스크립트 효과
자바스크립트는 가장 인기 있는 프로그래밍 언어 중 하나입니다. 하지만 프로그래밍 초보자들은 원래 자바스크립트가 학습하기 어렵고 지루하다고 생각합니다. 그러나 이 포스트에서는 재미와 놀이로 배울 수 있는 자바스크립트 효과를 다룹니다. 이것은 자바스크립트 학습을 쉽게하고 더 재미있게 할것입니다.
구구단 게임 만들기
let num = 0;
let operand = parseInt(Math.random() * 9) + 1;
while (num !== operand) {
num = parseInt(prompt("구구단 " + operand + "단을 외자!"));
if (num === operand) {
alert("잘 외우셨어요!");
break;
} else {
alert("다시 외워보세요!");
}
}
위의 코드는 간단한 구구단 보충 프로그램입니다. 화면에 무작위의 숫자가 표시되고 사용자는 해당 숫자의 구구단을 외워야합니다. 사용자가 구구단을 제대로 외우면 축하하고 그렇지 않으면 메시지를 표시하여 재도전 하도록 유도합니다.
사진 늘리기
let img = document.querySelector('img');
let width = 200;
img.onclick = function() {
width += 20;
img.style.width = width + 'px';
}
위의 코드는 클릭시 사진이 점점 커지는 간단한 자바스크립트 효과입니다. 이미지를 클릭하면 이미지의 크기가 20픽셀 씩 증가합니다.
결론
간단하지만 재미있는 자바스크립트 효과를 배워보았습니다. 이러한 특별한 효과를 사용하여 학습 프로세스를 더욱 흥미롭게 만들 수 있습니다. 또한 자바스크립트의 기초를 학습하면서 쉽고 재미있는 방법을 제공합니다.
자바스크립트 재미있는 효과!