JavaScript基礎学習(一)
1609 ワード
JSサイトの学習
gitHubチュートリアル
JavaScript:HTML出力を書き込む
JavaScript:イベントに反応
JavaScript:HTMLの内容を変更する
JavaScript:HTML画像を変更する
JavaScript:入力の検証
gitHubチュートリアル
JavaScript:HTML出力を書き込む
JavaScript:イベントに反応
JavaScript:HTMLの内容を変更する
<!DOCTYPE html>
<html>
<body>
<h1> JavaScript</h1>
<p id="demo">
JavaScript HTML 。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo"); //
x.innerHTML="HEllO";//
}
</script>
<button type="button" onclick="myFunction()"> </button>
</body>
</html>
JavaScript:HTML画像を変更する
<!DOCTYPE html>
<html>
<body>
<script>
function changeImage()
{
x=document.getElementById('chageImage')
if (x.src.match("bulbon"))
{
x.src="/i/eg_bulboff.gif";
}
else
{
x.src="/i/eg_bulbon.gif";
}
}
</script>
<img id="chageImage" onclick="changeImage()" src="/i/eg_bulboff.gif">
<p> </p>
</body>
</html>
JavaScript:入力の検証
<!DOCTYPE html>
<html>
<body>
<h1> JavaScript</h1>
<p> 。 ， 。</p>
<input id="demo" type="text">
<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("Not Numeric");
}
}
</script>
<button type="button" onclick="myFunction()"> </button>
</body>
</html>