きゃらりこ日誌
とりあえずメモ。
急いで書いたのでコーディングスタイルが一貫してません…
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><HTML>
<HEAD>
<TITLE>JavaScript課題</TITLE>
</HEAD>
<BODY onLoad="scroll();scroll2();">
<!-- ↑セミコロンで区切ると、onLoadを複数指定できる -->
<H4>日付を、「今日は、2005年10月25日です。」に整形して表示（Mozillaの西暦バグ修正済み）</H4>
<SCRIPT LANGUAGE="JavaScript">
<!--
var today,nowYear;
today = new Date();
nowYear = today.getYear();
document.write("今日は、" + ( (nowYear < 1999) ? nowYear+1900 : nowYear ) + "年" + ( today.getMonth() + 1 ) + "月" + today.getDay() + "日です。");
// ↑三項演算子を初めて使ってみました
// 三項演算子：<i> 変数 = (条件) ? 真の時の値 : 偽の時の値</i>
// -->
</SCRIPT>
<H4>ボタンをクリックするたびに、背景色がランダムに変わる</H4>
<SCRIPT LANGUAGE="JavaScript">
<!--
function chBg(){
var nowBg,newBg;
colors = new Array("#ffd700", "#7cfc00", "#66cdaa", "#db7093", "#c0c0c0"); //色を配列に格納
nowBg = document.bgColor;
do {
newBg = colors[Math.floor(Math.random() * 5)]; //配列から、ランダムに色を選ぶ
} while (newBg == nowBg); //今の背景色と同じだったらやり直し
document.bgColor = newBg;
}
// -->
</SCRIPT>
<FORM>
<INPUT TYPE="button" Value=" 色を変える " onClick="chBg()">
</FORM>
<H4>テキストボックスのメッセージが、右にスクロール</H4>
<SCRIPT language="JavaScript">
<!--
var msg4 =" Boys be ambisious. 少年よ、大志を抱け。 ";
function scroll(){
msg4 = msg4.substring(1,msg4.length) + msg4.substring(0,1);
document.part4.textbox.value = msg4;
setTimeout("scroll()",400);
}
// -->
</SCRIPT>
<FORM name="part4">
<INPUT name="textbox" size="50">
</FORM>
<H4>ボタンをクリックすると、テキストボックスのスクロール方向が切り替わる</H4>
<SCRIPT language="JavaScript">
<!--
var msg5="分け入っても分け入っても青い山 山頭火";
var sc=1;
msg5 = msg5 +" ";
function scroll2(){
if(sc==1){
//右にスクロール
msg5 = msg5.substring(1,msg5.length) + msg5.substring(0,1);
sc=1;
}else{
//左にスクロール
msg5 = msg5.substring(msg5.length-1,msg5.length) + msg5.substring(0,msg5.length-1);
sc=0;
}
document.part5.textbox.value = msg5;
setTimeout("scroll2()",400);
}
function chScrool(){
sc = (sc==0)?1:0;
}
// -->
</SCRIPT>
<FORM name="part5">
<INPUT name="textbox" size="50">
</FORM>
<FORM>
<INPUT TYPE="button" Value=" スクロール方向を変える " onClick="chScrool()">
</FORM>
</BODY>
</HTML>