728x90
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
변수(variable)
<p id = "demo">p tag</p>
<script type="text/javascript">
/* getElementById() 메소드는 id를 찾아 그 부분에 해당하는 HTML 요소에 내용물을 바꿔주는 자바스크립트 메소드이다.
*/
/*
var -- Integer, Double, String, Object, class
let
MyClass cls = new MyClss();
Object obj = new MyClass();
*
*/
/*
/* console.log(human);
console.log(number);
var num =123;
var pi = 3.14;
var name = "홍길동";
var answer = true; */
/* var 는 아무대나 선언해놔도 실행되기때문에 비추천
/* var human, number;
human = "홍길동";
number = 231+4; */
/* number = "성춘향"; */
/* console.log(human);
console.log(number);
위로올려본다
*/
/* let man;
man = '성춘향';
console.log(man);
*/
let strNum = "5" + 3 + 1;
console.log(strNum);
let numStr = 3 +1 +"2";
console.log(numStr);
//Array
/* 배열 초기화 let cars = []; */
let cars = ["Saab", "Volvo","BMW"];
console.log(cars[1]);
cars = new Array(3);
cars[0] = "사브";
cars[1] = "볼보";
cars[2] = "비엠";
console.log(cars[1]);
//for문시 앞 자료형 빼면된다.
/* for( i = 0; i< cars.length; i++){
console.log(cars[i]);
}
/* for(let i : cars){
console.log(i);
} 자바 문법*/
/*
for( i in cars){
console.log(cars[i]);
} */
//object = hashmap key.value == JSON 중요
let obj ={
firstname: '길동',
lastname: '홍',
age: 24,
myfunc: function(){
console.log(" myfunc 호출");
console.log("lastname " + this.lastname);
}
/* method:function(a){
} */
};
console.log(obj.firstname);
console.log(obj.lastname);
obj.myfunc();
class Person{
constr(name, age){
this.name = name;
this.age = age;
}
consolePrint(){"C:/Users/bitcamp/apache-tomcat-8.5.63/conf/server.xml"
console.log(this.name + " " +this.age);
}
}
let per = new Person('일지매',22);
console.log(per.name);
console.log(per.age);
per.consolePrint();
document.getElementById("demo").innerHTML = "홍길동" +
typeof"홍길동" + "<br>" + "325" + typeof 325 + "<br>"
+ "3.14" + typeof 3.14 + "<br>";
</script>
</body>
</html>728x90
'JavaScript' 카테고리의 다른 글
| 35일차//Javascript//🎈 과제 1 : 버튼클릭시 배경색 변경 + document 설명 (0) | 2021.03.03 |
|---|---|
| 35일차//JavaScript - 입력값을 jsp 로 넘겨주기// 🎃중요 (0) | 2021.03.03 |
| 35일차//JavaScript - 화면전환// history.back() : 이전 , location.reload(): 새로고침 (0) | 2021.03.03 |
| 34일차//JavaScript - 이미지 클릭후 웹 메세지 창 띄워짐 (0) | 2021.03.02 |
| javascript setter getter (0) | 2021.03.02 |
