723poil
723poil
723poil
전체 방문자
오늘
어제
  • 분류 전체보기 (13)
    • HTML (2)
    • Javascript (3)
    • Vue.js (4)
    • 데이터베이스 (0)
    • PHP (0)
    • 코딩 문제 풀이 (2)
      • 백준 (0)
      • 프로그래머스 (2)
    • 나작프 (2)
      • Calendar(일정관리) (2)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

최근 글

티스토리

hELLO · Designed By 정상우.
723poil

723poil

Javascript

JavaScript 기본 문법

2022. 2. 5. 16:34

변수와 상수

<script language="javascript">
    var a=3;
    var b=2;
    alert(a+b);
    a = null;
</script>

var 을 사용하여 변수 선언

반복문 과 가정문

<script type="text/javascript">
    for(var i=2; i<=9;i++) {
        document.write(i + "단<br/>");

        for(var j=1; j<=9; j++) {
            document.write("&nbsp;&nbsp;&nbsp;&nbsp;" + i + "X" + j + " = " + (i*j) +"<br/>");
        }
    }
</script>

다른 c언어나 java와 같은 형태로 사용
document.write()를 통해 html에 작성가능
&nbsp; 를 사용하여 공백 표현

함수

<input type="text" id="txtCheck" value="">
<button onclick="javascript:checkTxt();">확인</button>
<script type="text/javascript">
    function getCharacterType(check_value) {
        if(isNaN(check_value)) {
            return ("문자");
        }
        else {
            return ("숫자");
        }
    } 
    function checkTxt() {
        var txtcheck = document.getElementById("txtCheck");
        var result = getCharacterType(txtcheck.value);
        alert(result);
    }
</script>

function 을 통해 함수 선언
document.getElementById() 를 통해 가져오고자 하는 값을 가져올 수 있음.
isNaN() 으로 숫자인지 아닌지 확인 가능

'Javascript' 카테고리의 다른 글

Calendar 만들면서 배운 것들 [querySelector, insertAdjacentHTML]  (0) 2022.02.07
Calendar 만들면서 배운 것들 [Date()]  (0) 2022.02.07
    'Javascript' 카테고리의 다른 글
    • Calendar 만들면서 배운 것들 [querySelector, insertAdjacentHTML]
    • Calendar 만들면서 배운 것들 [Date()]
    723poil
    723poil
    공부한 내용들을 정리하기 위해 만든 블로그입니다.

    티스토리툴바