JavaScript에서 타이머와 DOM 작업 연습

Задание 1

버튼이 주어져 있습니다. 텍스트가 숫자인 단락이 주어져 있습니다. 버튼을 클릭하면 타이머를 시작하여, 매초마다 단락의 텍스트를 1씩 증가시킵니다.

Задание 2

버튼이 주어져 있습니다. 텍스트가 예를 들어 10과 같은 숫자인 단락이 주어져 있습니다. 버튼을 클릭하면 타이머를 시작하여, 매초마다 단락의 텍스트를 1씩 감소시킵니다. 단락의 값이 0이 되면 타이머를 중지하세요.

Задание 3

숫자를 입력하는 입력 필드가 주어져 있습니다. 매초마다 입력 필드에 기록된 숫자의 제곱이 나타나도록 만드세요.

Задание 4

입력 필드가 주어져 있습니다. 여기에 숫자를 입력합니다. 포커스를 잃을 때, 아래 단락에서 입력한 숫자부터 시작하여 카운트다운이 시작되도록 만드세요. 카운트다운이 0에 도달하면 종료되어야 합니다.

Задание 5

입력 필드, 버튼, 단락이 주어져 있습니다. 입력 필드에 어떤 숫자를 입력합니다. 버튼을 클릭하면 입력한 숫자를 단락 텍스트에 기록하고 단락에서 카운트다운을 시작하세요: 매초마다 단락의 숫자가 0에 도달할 때까지 1씩 감소하도록 합니다.

Задание 6

단락과 두 개의 버튼이 주어져 있습니다. 첫 번째 버튼을 클릭하면 단락에서 1부터 무한대까지 타이머가 작동하고, 두 번째 버튼을 클릭하면 타이머가 멈추도록 만드세요.

Задание 7

단락이 주어져 있습니다. 매초마다 단락의 색상이 빨간색에서 녹색으로, 또는 녹색에서 빨간색으로 바뀌도록 만드세요.

Задание 8

매초마다 현재 시각을 화면에 출력하면 똑딱거리는 시계를 만들 수 있습니다. 아래 샘플과 같은 시계를 구현하세요: