・Document Object Model（DOM）
・イベント処理
・タイマー処理
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>JavaScript</title>
</head>
<body>
<h1>Javascriptの勉強</h1>
<p>僕の名前は<span id="myName">@wknin</span>です！</p>
<p>価格：<input type="text" id="price">円</p>
<p><input type="button" value="クリック" id="myButton"></p>
<script>
//Browser Object Model (BOM)
console.log(window.innerHeight); //ブラウザの高さ
//window.location.href ="http://google.com"; //ページジャンプ
//Document Object Model(DOM)
console.log(document.width);
document.body.bgColor='red';
var e = document.getElementById('myName');
e.innerHTML="わくにん";
var n = document.getElementById('price');
n.value=500;
//event
var t = document.getElementById('myButton');
t.onclick = function(){
alert("クリックされました");
}
//タイマー処理
//setTimeout：一定時間後に何かする
setTimeout(function(){
console.log("2秒経ちました");
},2000);
//setInterval：一定周期ごとに何かする
//とまらないので注意
var i=0;
setInterval(function(){
console.log(i);
i++;
},1000);
</script>
</body>
</html>
0 件のコメント:
コメントを投稿