<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
.btn{
border: none;
background-color: pink;
border-radius: 5px;
width: 450px;
height: 100px;
color: white;
transition: 1s ease-in-out;
cursor: pointer;
}
.btn:hover{
background-color: yellowgreen;
}
</style>
<body>
<button class="btn" ondblclick="btn1()">버튼</button>
</body>
</html>
<!-- 함수형 객체 리터럴 -->
<script>
function btn1(){
alert("클릭되었습니다")
}
function myInfo(){
return{
name:"장윤경",
age:26,
job:"developer"
}
}
const aboutMe = myInfo()
console.log(aboutMe.name)
console.log(aboutMe.age)
console.log(aboutMe.job)
// 수정
aboutMe.name = "김민진"
console.log(aboutMe.name)
// 삭제
delete aboutMe.name
console.log(aboutMe)
//객체추가
aboutMe.hobby = '테니스'
console.log(aboutMe)
for(let key in aboutMe){
console.log(aboutMe[key])
}
// 배열
function myBoy(){
return{
name : ["김만두",26,"developer"]
}
}
const boyFriend = myBoy()
console.log(boyFriend)
// 추가
boyFriend.name.push('귀여움')
console.log(boyFriend)
//마지막 열 삭제
boyFriend.name.pop()
console.log(boyFriend)
//지정 삭제
boyFriend.name.splice(0,1)
console.log(boyFriend)
boyFriend[0] = "김만두님"
console.log(boyFriend)
// 함수 배열을 반복해보자!
for(let index in boyFriend){
console.log(boyFriend[index])
}
// 1~10까지 출력하는 반복문 만들기
for(i = 0; i <= 10; i++){
console.log(i)
}
// 1~10까지 2의 배수만 반복하기
for(i = 0; i <10; i++){
if(i % 2 == 0){
console.log(i)
}
}
// 배열 반복하기
let fruite = ["banana","apple","orange"]
for(i = 0; i < fruite.length; i++){
console.log(fruite)
}
for(let index in fruite){
console.log(fruite[index])
}
//객체를 반복
let baby = {
name:"만두",
age:26,
hobby:"develope"
}
for(let key in baby){
console.log(baby[key])
}
// 함수 만들고 매개변수를 사용해 반복하기
function gugudan(dan){
for(let i = 0; i<=9; i++){
console.log(`${dan} * ${i} = ${dan * i}`)
}
}
gugudan(5)
gugudan(6)
gugudan(2)
gugudan(3)
function add(plus) {
for(let i = 0; i<=10; i++){
console.log(`${i} + ${plus} = ${i + plus}`)
}
}
add(3)
add(4)
add(2)
// return문
function sum(sum1,sum2){
let result = sum1 + sum2;
return result
}
const result = sum(10,20)
console.log(result)
전개연산자(...)
// return문
// ...전개 연산자
function sum(sum1,sum2){
let result = sum1 + sum2;
return result
}
const result = sum(10,20)
console.log(result)
function getArrayMaxNumber(arr){
return Math.max(...arr)
}
const maxNumber = getArrayMaxNumber([10,50,30])
console.log(maxNumber)
</script>
```
개발운영팀