헬로월드

HTML DOCTYPE html> Document -- CSS #all { width: 800px; height: 700px; margin-left: auto; margin-right: auto; } #top { background-color: red; width: 800px; height: 100px; } #left { background-color: orange; width: 150px; height: 500px; float: left; } #mid { background-color: yellow; width: 650px; height: 500px; float: left; } #bot { background-color: green; width: 800px; height: 100px; clear: le..

DOCTYPE html> Document #top { width: 800px; height: 150px; background-color: red; } #left { width: 200px; height: 700px; background-color: blue; float: left; } #mid { width: 600px; height: 700px; background-color: orange; float: left; } #bot { width: 800px; height: 150px; background-color: red; clear: left; } input { width: 80px; } 로또 번호 입력 window.onload = function () { var playerLotto = [0, 0, ..

DOCTYPE html> Document //case2 function return100() { //return100 이라는 함수를 호출하면, return 100; //100을 반환시켜준다. } var n2 = return100(); //n2 변수에 return100()함수를 담아준다. documenr.write(n2); //담은 함수는 100이 반환되니, 출력시 100이 출력 //case3 function return50plus60() { //return50plus60 이라는 함수를 호출하면, return 50 + 60; //50+60 값이 반환된다. } var n3 = return50plus60(); //변수에 함수를 담고, document.write(n3); // 변수를 출력 시 110이 나온다. ..

index.html DOCTYPE html> Document 가위 바위 보 게임 유저 이미지 컴퓨터 index.css #top{ width : 800px; height : 100px; background-color: red; } #left{ width : 100px; height : 700px; float : left; background-color: yellow; } #mid{ width : 700px; height : 700px; float : left; background-color: orange; } #mid_top{ width : 700px; height : 200px; background-color: aqua; text-align: center; line-height: 150px; float ..

DOCTYPE html> Document #top { width: 800px; height: 100px; background-color: red; } #left { width: 100px; height: 800px; background-color: orange; float: left; } #mid { width: 700px; height: 800px; background-color: yellow; float: left; } #mid_mid { width: 700px; height: 700px; background-color: thistle; } #mid_bot { width: 700px; height: 100px; background-color: blue; } #bot { width: 800px; hei..

//todo : *. 주사위 노름 만들기 /*************************************************** * 전역 변수 ***************************************************/ var playerDiceValue; var computerDiceValue; /*************************************************** * 함수 선언한 것들 ***************************************************/ function playerDice() { //todo : 유저 주사위 처리 playerDiceValue = prompt("1부터6까지 숫자를 선택 해주세요."); //docum..

DOCTYPE html> Document table { border-collapse: collapse; } td { padding: 5px 10px; text-align: center; } input { border: none; text-align: right; } input:focus { outline: none; } AC / 7 8 9 * 4 5 6 - 1 2 3 + 0 . = function add(char) { var display = document.getElementById('display'); display.value = display.value + char; } function calculate() { var display = document.getElementById('display');..

var x = 100; var y = 200; if (x > y) { alert("x가 크다."); console.log("x가 크다."); } else { alert("y가 크다."); console.log("y가 크다."); } //---------------------------------------- var random; //random = Math.random(); //0 ~ 1미만 소수점 출력 ex. 0.1113123; //--------------------------문제 1 ---------------------------- random = Math.floor(Math.random() * 6) + 1; //정수 출력 document.writeln("문제1"); document.writeln..