본문 바로가기

코딩36

while 반복문 사용해서 본문 글자색 버튼을 클릭하면 while 반복문을 사용해 글자색이 바뀌도록 설정할 수 있습니다. 예시를 테스트하기 위해 아래와 같이 코드를 작성합니다. title은 Loop&Array Sample로 하였습니다. utf-8 인코딩을 입력하고 태그에 버튼을 만들겠습니다. 태그를 이용해 버튼을 만들고 id를 transfer라고 지정해놓겠습니다. 버튼의 값으로는 night를 넣었습니다. onclick 속성을 추가합니다. 버튼을 눌렀을 때 자바스크립트 명령이 실행됩니다. texts라는 변수를 선언합니다. document.querySelector는 괄호 ( )에 적힌 값들 중 첫 번째 값 한 개를 지정합니다. 이제 if 조건문을 작성합니다. this.value 키워드를 통해 현재 태그의 value값을 불러와서 동등 비교 연산자 .. 2020. 9. 10.
자바스크립트 JavaScript 배열 array 이용해 반복문 Loop 만들기 특정 변수에 순차적으로로 값이 저장되는 배열을 만든 후, 값을 불러오는 반복문을 적용할 수 있습니다. 예제로 확인하기 위해 기본 코드를 작성합니다. 배열과 반복문에 대한 내용이므로 title은 Loop and Array로 하겠습니다. 태그 본문 영역에 태그를 작성합니다. 우선 배열을 만듭니다. var 키워드로 변수를 선언합니다. 를 닫으면 while 반복문이 완성됩니다. 코드를 실행하면 최초 1회 실행 시 변수 i는 0으로 texts 배열 값의 개수 4보다 작아 true에 해당됩니다. while의 ( )의 조건이 ture일 때 ( ) 이하 document.write(''+texts [i]+'')이 실행됩니다. 텍스트 를 쓰고 i가 0인 Minsu를 불러온 후 텍스트 를 씁니다. i = i+1을 반복문에 .. 2020. 9. 10.
자바스크립트 JavaScript 반복문을 위한 while , var 변수 i = 0 선언 while문 괄호 ( ) 안에 있는 값이 true이면 반복해서 코드를 실행합니다. false가 될 때까지 while문 안의 내용이 반복되며, false가 되면 while문 다음 코드가 실행됩니다. while문의 괄호에는 if 조건문을 사용할 수 있으며 if조건문의 값이 true 이면 반복해서 실행하고, 반복을 거쳐 false에 이르면 멈추게 됩니다. while 반복문을 작성하여 테스트하기 위해 예시를 만들겠습니다. ul 태그로 숫자를 갖지 않는 리스트를 만듭니다. Apple, Banana, Cats, Dogs를 값으로 입력합니다. 값을 입력할 때 자바스크립트를 사용합니다. while문이 반복될 때마다 그 횟수를 기록하고 제어할 수 있습니다. i=0;으로 임의의 변수를 하나 지정하고 값을 0으로 정합니다... 2020. 9. 9.