<script>
var x,y;
var input;
// promt("메시지","기본입력값") 입력함수
input = prompt("정수를 입력하세요","10");
x = parseInt(input);
//parseInt(스트링) 스트링을 숫자로 변환
input = prompt("정수를 입력하세요","10");
y = parseInt(input);
document.write(x+y+"<br>");
</script>
//NaN : Not A Number 숫자가 아닌데이터
<script>
function calc(){
// id : 중복 불가능,document.getElementById("태그의 id")
//태그.value = > 태그에 입력된 값.
// name : 중복 가능, document.getElementsByName("태그name")
//document.폼name.태그name
var x=document.getElementById("x").value;
var y=document.getElementById("y").value;
var sum;
//웹폼에 입력한 데이터는 스트링으로 처리됨.
sum = parseInt(x) + parseInt(y);
document.getElementById("sum").value=sum;
}
</script>
<form name="myform" action ="" method="post">
첫번째 정수 : <input id="x" name ="x"><br>
//document.myform.x
두번째 정수 : <input id="y"><br>
합계 : <input id = "sum"><br>
//버튼을 클릭하면 자바스크립트 calc()함수 호출!@!
<input type = "button" value="계산" onclick="calc()">
</form>
--------------------------------------------------------
<h1 id="test">This is a heading</h1>
<script>
function func(){
var e= document.getElementById("test);
//글자색 변경
e.style.color = "red";
//배경색 변경
e.style.backgroundColor ="yellow";
}
</script>
<button type="button" onclick="func()">클릭하세요</botton>
---------------------------------------
<script>
//전역변수
var computerNumber = 53;
var nGuess = 0;
function guess(){
var result="";
var number = parseInt(documnet.getElementById("user");
nGuess++;
if(number ==computerNumber) result ="성공입니다";
else if(number<computerNumber) result ="낮습니다";
else result = "높습니다.";
document.getElementById("result").value = result;
document.getElementById("guesses").value = nGuesses;
return true;
}
</script>
<body>
<h2>숫자 맞추기 게임</h2>
<form>
숫자 : <input type="text" id="user" size = "5">
<input type ="button" value="확인" onclick="guess()">
추측횟수 : <input type="text" id="guesses" size="5">
힌트 : <input type ="text" id="result" size ="16">
</body>
//!!!**
<script>
// 0.0 ~ 1.0 사이의 난수 발생(1미만)
//0~99 => 1~100
//Math.floor(실수) 버림 함수.
var result = Math.floor(Math.random()*100)+1; //1부터 100까지 난수 발생!!
document.write("result: " + result);
</script>
---------------------------------------------
function gugu(){
var dau = document.getElementById("dan").value;
var str ="";
for(var i=1; i<=9;i++){
str += dan+"x"+i+"="+dan*i+"<br>";
}
document.getElementById("result").innterHTML =str;
//innterHTML : 태그안에 출력시키는다.(태그와태그사이의영역)
}
<body>
<input type="text" id="dan" value="3" size = "5">
<input type="button" value="확인" onclick="gugu()">
<div id="result"></div>
</body>
'자바스크립트' 카테고리의 다른 글
| 자바스크립트 DOM과 이벤트 처리, 입력 검증 (0) | 2016.10.13 |
|---|---|
| 자바스크립트 정리(1) (0) | 2016.09.02 |
| HTML5 drag&drop (0) | 2016.08.28 |