Javascriptの戻り値(return)について

Question

Javascriptで以下のような関数を作りました。

Head内の関数

function hukuri(gankin, kikan, rishi) {
 var uketori;
 uketori = gankin;
 for (var i = 1; i <= kikan; i++) {
  uketori = uketori * ( 1 + rishi / 100);
 }
 return hukuri;
}

Body内のJavascript

var uketori;
uketori = hukuri(10000, 5, 2);
document.write("<p>", uketori, "円", "</p>");

こちらのコードで実行した場合、うまく行くのですが、

var kekka;
kekka = hukuri(10000, 5, 2);
document.write("<p>", uketori, "円", "</p>");

Body内の変数を
uketori→kekkaに変更するとうまく実行できません。

こうなってしまう理由がわかる方教えていただければ幸いです。

初歩的な質問ですが、よろしくお願い致します。

Answer 1

kekka = hukuri(10000, 5, 2);
document.write("<p>", uketori, "円", "</p>");

kekkaで受け取ったはずなのに、uketoriを表示しようとしてるのですから、そりゃ動きませんよね。

hukuriの中も、最後は return uketori;じゃないといけないはずですが。

Comments

[takepo]

ご回答ありがとうございます。
returnに関してのご指摘もありがとうございます。

Answer 2

最後の行のuketoriを変え忘れているだけです。

なお、document.writeは今時のブラウザ環境ではあまりおすすめできません。DOMで要素を書き換えるほうがいいでしょう。

Comments

[takepo]

ありがとうございます。
DOMについては、今後学習の中で使えるようにしていきたいとおもいます。

Answer 3

uketori→kekkaに変更するとうまく実行できません。

kekka を使っていないからです。document.write("<p>", kekka, "円", "</p>");

Comments

[takepo]

ありがとうございます。
すぐに解決しました。