[JavaScript] 자소서 글자수 계산기 만들기

목차 DOM id값으로 요소 가져오기 자소서 글자수 계산기 -글자수 count 글자 수 제한을 넘기지 않도록 하기 마무리 자소서 글자수 계산기 만들기 텍스트를 입력하면 글자수를 세주고, 제한을 넘기지 못하도록 해주는 웹페이지를 만들어보겠다. DOM DOM: Document Object Model DOM은 Html에 잘 접근할 수 있도록 도와주는 객체 모델이다. 자바스크립트는 DOM을 활용하여 HTML에 접근하여 속성 등을 변경할 수 있다. id 값으로 요소 가져오기 먼저, 자바스크립트에서는 id로 요소를 가져올 수 있다. 다음은 id가 jasoseol인 요소를 가져오는 코드이다. document.getElementById('jasoseol'); 이를 콘솔 화면에 출력하려면 consol.log() 함수를 ..

  • format_list_bulleted 프로그래밍 언어/자바스크립트(JavaScript)
  • · 2022. 1. 30.

[JavaScript] 로또 번호 추첨기 만들기

목차 JavaScript 사용 방법 세미콜론(;)과 주석 데이터 상자 만들기 로또 번호 추첨기 로또 번호 추첨기 만들기 자바스크립트로 로또 번호 추첨기를 만들면서 자바스크립트의 기본 개념을 공부해보도록 하겠다. 이 내용은 코드라이언 '일단 만드는 javascript'를 기반으로 정리한 것이다. JavaScript 사용 방법 자바스크립트를 작성할 때에는 두 가지 방법이 있다. 1. html 파일 안에 작성 2. 별도의 js 파일 html 파일에 작성하는 경우 태그 안에서 뒷부분에 태그 안에 입력한다. 자바스크립트로 브라우저 화면에 텍스트를 출력하려면 document.write() 함수를 이용하면 된다. document.write('브라우저 화면에 출력됩니다'); 세미콜론(;)과 주석 세미콜론(;)은 하나의..

  • format_list_bulleted 프로그래밍 언어/자바스크립트(JavaScript)
  • · 2022. 1. 29.

[JavaScript] 기념일 D-day 계산기 만들기

기념일 날짜 계산기 만들기특정 날짜를 기준으로 며칠이 되었는지, 기념일이 되려면 며칠이 남았는지 등 d-day를 계산해서 보여주는 페이지를 만들어보겠다. 객체(Object) 알아보기자바스크립트의 기본 타입(data type)은 객체(object)이다.객체는 여러 개의 자료형을 담는 자료형으로, 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합니다.프로퍼티의 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메소드(method)라고 한다. javascript의 거의 모든 것은 객체다.자바스크립트에서는 숫자, 문자열, 불리언, undefined 타입을 제외한 모든 것이 객체이다.객체의 프로퍼티를 참조하는 방법은 두 가지가 있다.객체이름.프로퍼티이름객체이름["프로퍼티..

  • format_list_bulleted 프로그래밍 언어/자바스크립트(JavaScript)
  • · 2022. 1. 29.
728x90
반응형