coding with cong

" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스   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>가위바위보게임title>head>body>             컴퓨터가 가위1, 바위2, 보3 중 하나를 정하면 나도 가위, 바위, 보 중 하나를 선택 게임 -->            승패에 대한 결과를 출력 총 5번 횟수         컴퓨터는 랜덤으로 가위, 바위, 보 중 ..

DOCTYPE html> 사진변경 홈페이지 body{ text-align: center; } h1{ border: 5px solid black; margin: 30px auto; height: 50px; width: 12%; } ul>li{ list-style: none; display: inline; margin-right:20px; } ul{ list-style: none; width: 50%; margin: 10px auto; } div>img{ margin-top: 30px; width: 50%; height: 30%; /* background-size: cover; background-repeat: no-repeat; */ } Travle Home Seoul Tokyo Paris function..

DOCTYPE html> 함수와 파라미터 자바스크립트의 파라미터 특징과 기능 파라미터의 개수와 관계없이 함수나 메서드의 이름이 같다면 호출가능 파라미터의 개수와 불일치하여 값을 받지 못하는 파라미터는 undefined 처리 값을 받아오지 못하는 파라미터가 undefined 일 경우, 별도로 파라미터에 기본값을 설정할 수 있음 => optional parameter 모든 파라미터를 관리하는 arguments라는 프로퍼티를 이용하여 파라미터를 배열에 담아 사용할 수 있음 프로토 타입의 속성(프로퍼티)을 사용하는 방식 (단, 옵셔널 파라미터는 저장하지 않는다) 옵셔널 파라미터는 다른 파라미터보다 항상 뒤에 있어야함 function testFun(p1, p2, p3, p4, p5=1){ console.log(a..

HTML 삽입 미리보기할 수 없는 소스 DOCTYPE html> 계산기 7 8 9 + C 4 5 6 - 1 2 3 * . 0 = / const fomula = document.getElementById('printFomula'); let fomulaValue =""; //연산의 결과를 나타낼 함수 function operation(f, o, l){ let result = 0; switch(o){ case "+": result = f + l; break; case "-": result = f - l; break; case "*": result = f * l; break; case "/": result = f / l; break; default: break; } return result.toFixed(2);..

DOCTYPE html> JSON const stringData = '{"id":"1234", "type":"donut","name":"cake",'+ '"image":{"url":"img/0001.jpg","width":"200","height":"200"},'+ '"thumbnail":{"url":"img/thumbnail/0001.jpg","width":"20","height":"20"}}'; let parseData = JSON.parse(stringData); console.log(parseData); //console에 key : value 형식으로 출력해보기 //for in으로 접근하기 for(const s in parseData){ if(s == 'image'){ //image의 경우 co..

DOCTYPE html> 생성자 함수 클래스, 리터럴 객체(리턴할수있는객체), 생성자 함수를 통해 객체 생성 //클래스 생성 - 리터럴 객체(비어있는객체) 생성 - 생성자 함수 생성 //정의할 프로퍼티(멤버변수) : firstName., lastName, age, address //메서드 : 함수를 호출하면 프로퍼티의 값이 출력 (toString같은 개념) class Make{ // 생성자 constructor(firstName,lastName,age,address){ this.firstName = firstName; this.lastName = lastName; this.age = age; this.address = address; } //출력메서드 toString(){ // console.log(th..

DOCTYPE html> 생성자 함수 클래스, 리터럴 객체(리턴할수있는객체), 생성자 함수를 통해 객체 생성 //클래스 생성 - 리터럴 객체(비어있는객체) 생성 - 생성자 함수 생성 //정의할 프로퍼티(멤버변수) : firstName., lastName, age, address //메서드 : 함수를 호출하면 프로퍼티의 값이 출력 (toString같은 개념) class Make{ // 생성자 constructor(firstName,lastName,age,address){ this.firstName = firstName; this.lastName = lastName; this.age = age; this.address = address; } //출력메서드 toString(){ // console.log(th..