javascript - @まとめサイト

javascriptの練習

<script type="text/javascript">
alert("こんにちは。世界。");
</script>

---

<script type="text/javascript">
<!--
document.write("Javascriptの練習：JSで記述");

</script>

---

<script type="text/javascript">
<!--
var txt="田中肖像"
document.write(txt)

</script>

実行結果　田中肖像

<script type="text/javascript">
<!--
txt=6; //変数の定義
document.write(txt); //文字を記述する定型分。

</script>

実行結果　６

---

関数の呼び出し

function txtWrite(){
document.write("出時針");
｝

<script type="text/javascript">
<!--
txtWrite();

</script>

実行結果　出時針

---

外部ファイル
shared/js/にcopy.jsファイルを置く
<script type="text/javascript" src="shared/js/copy.js"></script>

---

if文

<script type="text/javascript">
<!--
var myColor="red"; //変数の定義

if(myColor=="red"){
document.write("<font color='red'>今日は赤い気分です。</font>");
} else{
document.write("今日は赤い気分じゃないです。");
}

</script>

---

if文２
途中で条件が真になると評価(if文)から抜ける。

<p>
<script type="text/javascript">
<!--
var myColor="black"; //変数の定義

if(myColor=="red"){
document.write("<font color='red'>今日は赤い気分です。</font>");
} else if(myColor=="blue"){
document.write("<font color='blue'>今日は青い気分です。</font>");
} else if(myColor=="green"){
document.write("<font color='green'>今日は緑な気分です。</font>");
} else if(myColor=="yellow"){
document.write("<font color='yellow'>今日は黄色な気分です。</font>");
} else if(myColor=="purple"){
document.write("<font color='purple'>今日は黄色な気分です。</font>");
} else {
document.write("今日はよくわからない気分です。");
}

</script>

実行結果　今日はよくわからない気分です。

---

if文３
すべての条件式を評価させたい場合

<p>
<script type="text/javascript">
<!--
var myColor="black";

if(myColor !=="red"){
document.write("<font color='red'>今日は赤い気分じゃない</font><br>");
} if(myColor !=="blue"){
document.write("<font color='blue'>今日は青い気分じゃない</font><br>");
} if(myColor !=="green"){
document.write("<font color='green'>今日は緑な気分じゃない</font><br>");
} if(myColor !=="black"){
document.write("<font color='black'>今日は黒い気分じゃない</font><br>");
} if(myColor !=="yellow"){
document.write("<font color='yellow'>今日は黄色い気分じゃない</font><br>");
} if(myColor !=="purple"){
document.write("<font color='purple'>今日は紫な気分じゃない</font><br>");
}

</script>

実行結果

今日は赤い気分じゃない
今日は青い気分じゃない
今日は緑な気分じゃない
今日は黄色い気分じゃない
今日は紫な気分じゃない

---

<h3>for文</h3>
<h4>繰り返しの処理</h4>

</p>
<script type="text/javascript">
<!--
var myWord="Hello! JavaScript!!"; //変数の定義

for(i=1;i<=7;i++){
document.write("<font size='" + i +"'>"+ myWord + "</font><br>");

}

</script>

実行結果　徐々に大きくなる。
Hello! JavaScript!!
Hello! JavaScript!!
Hello! JavaScript!!
Hello! JavaScript!!
Hello! JavaScript!!
Hello! JavaScript!!