본문 바로가기

전체 글

 (252)
[js] radio 버튼 읽고 출력하기 (성별체크) 이러한 버튼을 만들고 체크를 누르면 내가 누른 버튼의 값을 출력하려고 한다. 성별 여자 남자 1. 가장 먼저 해줘야 할 것은 체크 박스 틀을 만드는 일이다. 지금까지 배운대로 으로 틀을 만들고 사용자가 입력할 수 있는 버튼과 확인(체크) 버튼을 만든다. 성별 여자 남자 그 영역이 여기에 해당하는 것이다. 여자 name을 설정 (flower) value 값은 첫화면에서 사용하는 것이 아니라. 함수에 들어가서 반환될 용도로 만든 것이다. onclick 클릭하면 test_sample();
[js] 1차원, 2차원 배열(Array) 이해하기 1차원 배열 [0] [1] [2] 2차원 배열 [0][0] [0][1] [0][2] [1][0] [1][1] [1][2] 3차원은 입체적인 방식이고 4차원까지 있다고 합니다. 그러나 자주 쓰이는 것은 2차원까지!! 변수 c1에 순서대로 값을 입력하고, 그대로 출력을 해준다. 대신 배열을 정의할 때는 [] 대괄호 안에 넣어줘야한다. 반복문이라서 for문을 사용하는데 주의할 점은 [0]부터 시작한다는 점! 때문에 4가지 숫자가 있다면 i의 값이 0~3까지 되어야 한다. 4까지 하는 경우 숫자 뒤에 undefined(정의가 안 됨) 같이 출력이 된다. 10 15 20 30 for(i=0; i
[js] While문 + Do While문 [js] 1부터 100까지의 합을 구하기(반복문-for) 반복문이란? 어떠한 조건을 반복적으로 실행할 때 사용한다. if문에 이어서 가장 많이 사용! for(초기값; 조건값; 증가값){ 실행 } 1부터 100까지 합 1부터 100까지 합 var sum = 0 practice365.xyz 실행 for문과 비슷한 while문으로 실제론 for문을 많이 쓰지만 알아 두면 좋을 것 같아서 기록해 둡니다. for(초기값; 조건값; 증가값)과 다르게 초기값 선언을 밖에서 해주고 조건값만 while() 안에 써줍니다. 실행 말 그대로 먼저 do를 한 번 무조건 계산하고 뒤에 while 조건값이 나올 때까지 중복 계산을 해줍니다.
[js] 중첩 for문 - 별찍기 중첩 for문은 말 그대로 for문 안에 또 for문이 있는 것입니다. 실행 i는 1부터 10까지 실행이 되고, j는 i의 숫자 만큼 실행이 됩니다. 그래서 1열에는 1행까지만 2열에는 2열까지 순차적으로 늘어나는데요. 그 숫자 만큼 별(*)이 출력 되는 과정입니다. function tree(){ for(i=1; i=i; j--){ document.write("*"); } document.write(" "); } } j를 10부터 시작하고 j>=i 일 때 실행을 하면 위 그림과 반대로 출력이 됩니다. 증가가 되는 게 아니라 증감이 되어야 하는 게 맞겠죠? 그래서 i줄은 그대로고 j만 (j=10; j>=i; j--)가 됩니다. 그리고 위에 두 개를 합치면 이런 모양이 나온답니다^^
[js] 1부터 100까지의 합을 구하기(반복문-for) 반복문이란? 어떠한 조건을 반복적으로 실행할 때 사용한다. if문에 이어서 가장 많이 사용! for(초기값; 조건값; 증가값){ 실행 } 1부터 100까지 합 var sum = 0; 자바스크립트는 원래 초기화 및 선언을 안 해도 되지만 깨끗한 상태에서 계산하기 위해 해줬다. sum이 결과값이 될 예정이고 for(i=0; i
[js] 학점구하기 (조건문-Switch) & 숫자형과 문자형 2021.09.07 - [FrontEnd/JavaScript] - [js] 코드를 간단하게 쓰는 방법과 조건문(if, else if) [js] 코드를 간단하게 쓰는 방법과 조건문(if, else if) 점수를 입력 받아 학점을 계산하는 문장이 있다. Document 점수를 입력 받아 학점을 계산하는 문장이다. 등급을 뜻하는 grade 변수를 선언한다. prompt로 입력 받은 성 practice365.xyz 전 게시물에 이어서 ··· if와 else if가 많아 졌을 때 복잡하니까 Switch문을 쓰는 경우가 있습니다. 하지만 실제로는 if문이 더 자주 사용된다고 합니다. 그래도 기본으로 알고 있어야 하는 공식이라고 함! 학점은 B입니다. var ss = prompt("성적입력"); 로 사용자의 성적을 ..
[js] 코드를 간단하게 쓰는 방법과 조건문(if, else if) 점수를 입력 받아 학점을 계산하는 문장이 있다. 점수를 입력 받아 학점을 계산하는 문장이다. 등급을 뜻하는 grade 변수를 선언한다. prompt로 입력 받은 성적은 ss로 선언해준다. if 만약 ( ss >= 90 ) 입력 받은 ss(성적) 90보다 크다면? grade는 A가 된다. 메인을 가능한 간단하게 만들기 위해서는 이 방법을 많이 사용한다. 여러 번 부르기도 좋다. function 함수를 만들어서 body - sctipt 안에서 불러주면 끝!! function ff(){ var grade = ""; /* null값 */ var ss = Number(prompt("성적입력")); if(ss >= 90) grade="A"; else if( ss >= 80 ) grade="B..
[js] 팝업창 띄우기(alert, confirm, prompt) 1. alert 얼러트 알리다 : 주의 등의 팝업창을 띄운다. alert는 말 그대로 주의사항을 팝업창을 띄워서 안내하는 역할을 합니다. 그래서 확인 버튼 말고는 기능이 없어요. 바로 나가지 않는 다면 꼼짝 없이 그림(귀여운 강아지 사진)을 봐야 합니다. 추가로 이런 기능도 함께 배웠습니다. 이미지 태그 안에 넣는 옵션으로 마우스를 올렸을 때, 마우스를 뗐을 때 서로 다른 그림을 설정할 수 있어요. 처음 홈페이지에 들어 갔을 때 사진까지 총 3장을 올릴 수 있겠죠? 하지만 주로 마우스를 올렸을 때만 다른 사진을 넣곤 합니다. onmouseover 마우스를 올렸을 때 "this.src 이 주소의 사진을 띄워라 큰 따옴표(") 안에는 무조건 작은따옴표(')가 들어가야 하기 때문에 주소는 './img/국화.j..

티스토리툴바