negno
개발Log
negno
전체 방문자
오늘
어제
  • 분류 전체보기
    • Project
      • Mini_Project
      • PTSD_Project
    • Algorithm
      • Elice
      • JavaFestival
    • BACK-END
      • C Programming
      • JAVA
      • JSP Servlet
      • Python
      • Spring
      • Machine Learning
    • FRONT-END
      • HTML CSS
      • JavaScript
    • Application
      • Android
    • DataBase
      • Oracle
      • MySql
    • IoT
      • Arduino
      • Raspberry pi

티스토리

hELLO · Designed By 정상우.
negno

개발Log

JavaScript Object 예제
FRONT-END/JavaScript

JavaScript Object 예제

2022. 7. 16. 22:59

EX_01. 객체

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let pokemon1={
            name:'피카츄',
            age:'2살',
            skill:function(){alert('백만볼트!!!')}
        }
        let pokemon2={
            name:'꼬부기',
            age:'1살',
            skill:function(){console.log('물대포!!')}
        }
        pokemon1.skill();
        document.write('첫번째 포켓몬 이름:'+pokemon1.name);
        document.write('<br>')
        document.write('첫번째 포켓몬 나이:'+pokemon1.age);
        document.write('<br>')
        document.write('두번째 포켓몬 이름:'+pokemon2.name);
        document.write('<br>')
        document.write('두번째 포켓몬 나이:'+pokemon2.age);
        document.write('<br>')
        pokemon2.skill();
    </script>
</body>
</html>

 

 

'FRONT-END > JavaScript' 카테고리의 다른 글

JavaScript JQuery 예제  (0) 2022.07.17
JavaScript DOM 예제  (0) 2022.07.16
JavaScript Function 예제  (0) 2022.07.16
JavaScript Array 예제  (0) 2022.07.16
JavaScript Basic 예제  (0) 2022.07.16
    negno
    negno

    티스토리툴바