반응형
영어 5문장을 무한 반복해서 보여주는 프로그램을 만들어보겠습니다. 여기에는 간단한 문장들을 넣었지만, 필요에 따라 더 많은 문장을 추가하거나 변경할 수 있습니다.
영어 5문장 무한반복
html
코드 복사
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>영어 100문장 무한반복</title> </head> <body> <h1>영어 100문장 무한반복</h1> <div id="sentence"></div> <script> // 100문장 배열 var sentences = [ "Hello, how are you?", "I'm fine, thank you.", "What's your name?", "My name is John.", "Where are you from?", "I'm from Korea.", // 더 많은 문장을 추가할 수 있습니다. ]; // 문장 표시 함수 function displayRandomSentence() { // 랜덤한 문장 선택 var randomIndex = Math.floor(Math.random() * sentences.length); var randomSentence = sentences[randomIndex]; // 화면에 표시 var sentenceDiv = document.getElementById('sentence'); sentenceDiv.textContent = randomSentence; } // 페이지 로드 시 처음 문장 표시 displayRandomSentence(); // 3초마다 문장 갱신 setInterval(displayRandomSentence, 3000); </script> </body> </html>
이 코드를 HTML 파일에 저장하고 브라우저에서 열면, 매 3초마다 랜덤한 영어 문장이 표시됩니다. 이 문장들은 100문장 배열에 미리 정의되어 있으며, 매번 다른 문장이 표시됩니다. 만약 100문장이 부족하다면 더 많은 문장을 추가할 수 있습니다.
반응형
'AI물어보살' 카테고리의 다른 글
| 수학 어플,수학 공부에 도움이 되는 어플 5가지 (0) | 2024.05.22 |
|---|---|
| 삼성이 10년간 신입사원에게 추천한 이나모리 가즈오의 책 "왜 일하는가?" (0) | 2024.05.22 |
| 가계부 프로그램,javascript로 작성한 가계부 프로그램 (0) | 2024.05.22 |
| 현재시간 javascript로 시계 프로그램 작성하기(코드포함) (0) | 2024.05.22 |
| 집금거래목적아님과 집금거래목적 구분(증권계좌 고객확인때 당황하셨죠) (0) | 2024.05.20 |
