はるばるITつれづれ人生

日々の出来ことエトセトラ

javascriptのお勉強

HTML部分

<p id="result"></p>

Javascript部分

document.getElementById('result').innerHTML

'成功';

 

f:id:asufaruto2009:20150403234025j:plain

 

 

javascriptではHTMLの目的の場所にメッセージを出すことができる。

 

getElementByIdは便利なメソッド

 

 

javascriptでランダムな数字を表示

 

sou = 10;

num = Math.floor(Math.random() * sou);

0から9までのランダムな数字を変数numへ格納。

実際にはforなどで繰り返し処理する。

 

サイトに横文字を流すjavascript

<html>

<head>

<title>文字スクロール</title>

<script language = "JavaScript">

 

str1= "テキストボックスに文字が流れます";

function scroll() {

document.myform.tx.value = str1;

char = str1.charAt(0);

str1 = str1.substring(1. str1.length);

str1 = str1 + char;

setTimeout("scroll()", 300);

}

</script>

</head>

 

<body onLoad="scroll()">

<form name="myform">

<input name="tx" type="text" size="60">

</form>

</body>

</html>

 

文字列を横にスクロールするjavascriptでした。

javascriptはまだまだ奥が深いです。これからもjavascript研究していきます。