재미와 놀이로 배우는 자바스크립트 효과

자바스크립트는 가장 인기 있는 프로그래밍 언어 중 하나입니다. 하지만 프로그래밍 초보자들은 원래 자바스크립트가 학습하기 어렵고 지루하다고 생각합니다. 그러나 이 포스트에서는 재미와 놀이로 배울 수 있는 자바스크립트 효과를 다룹니다. 이것은 자바스크립트 학습을 쉽게하고 더 재미있게 할것입니다.

구구단 게임 만들기

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픽셀 씩 증가합니다.

결론

간단하지만 재미있는 자바스크립트 효과를 배워보았습니다. 이러한 특별한 효과를 사용하여 학습 프로세스를 더욱 흥미롭게 만들 수 있습니다. 또한 자바스크립트의 기초를 학습하면서 쉽고 재미있는 방법을 제공합니다.

자바스크립트 재미있는 효과!