変数は便利なのだ

「変数」がないと大変
「変数」ですっきり
「変数」とは？

「変数」がないと大変

ブラウザで文字を表示することができました。これを利用して引っ越しのお知らせ文を知人別に作ってみます。

<meta charset="UTF-8">
<script type="text/javascript">
document.write("山田様<BR>");
document.write("このたび、転居いたしました。<BR>お近くにお越しの際は、どうぞお気軽にお立ち寄りください。<BR><BR>");
document.write("高田様<BR>");
document.write("このたび、転居いたしました。<BR>お近くにお越しの際は、どうぞお気軽にお立ち寄りください。<BR><BR>");
document.write("山下様<BR>");
document.write("このたび、転居いたしました。<BR>お近くにお越しの際は、どうぞお気軽にお立ち寄りください。<BR><BR>");
</script>

document.write("山田様 ");

document.write("このたび、転居いたしました。 お近くにお越しの際は、どうぞお気軽にお立ち寄りください。 ");

document.write("高田様 ");

document.write("このたび、転居いたしました。 お近くにお越しの際は、どうぞお気軽にお立ち寄りください。 ");

document.write("山下様 ");

document.write("このたび、転居いたしました。 お近くにお越しの際は、どうぞお気軽にお立ち寄りください。 ");

</script>

これを実行すると・・・

これをうまく紙やメールにでも転記できたら使えそうですね！って、これじゃーワープロで入力しても変わりはありません。挨拶文を毎回入力して表示するなんて面倒です。プログラムを利用する意味を感じないですね・・・では、

「変数」ですっきり

<meta charset="UTF-8">
<script type="text/javascript">
var aisatsu;
aisatsu = "このたび、転居いたしました。<BR>お近くにお越しの際は、どうぞお気軽にお立ち寄りください。<BR><BR>"
document.write("山田様<BR>");
document.write(aisatsu);
document.write("高田様<BR>");
document.write(aisatsu);
document.write("山下様<BR>");
document.write(aisatsu);
</script>

var aisatsu;

aisatsu = "このたび、転居いたしました。 お近くにお越しの際は、どうぞお気軽にお立ち寄りください。 "

document.write("山田様 ");

document.write(aisatsu);

document.write("高田様 ");

document.write(aisatsu);

document.write("山下様 ");

document.write(aisatsu);

</script>

これで少しすっきりしました。挨拶文を毎回入力せずにすみます。実はこれ「変数」を利用しています。

「変数」とは？

「変数」はいろいろな値を格納することができるのです。今回は「aisatsu」と名前の付いた「変数」に挨拶文を格納しています。これで毎回、「document.write(<挨拶文>);」で挨拶文を記述することなく、「document.write(aisatsu);」と記述するとで「変数」aisatsuに格納された値(挨拶文)が表示されます。