台形の面積をアラート表示

Question

プログラミング初心者です。
JavaScriptを使って台形の面積をアラート表示したいのですが、うまくいきません。

自分が書いたプログラムは以下になります。

var i = prompt("台形の上底の長
さを入力してください。", 0);
var z = prompt("台形の下底の長さを入力してください。", 0);
var h = prompt("台形の高さを入力してください。", 0);
var r = (i + z) * h / 2;

alert('台形の面積は' + r + 'です。');

台形の面積がうまく表示できるような答えを教えてください。

Answer 1

JavaScript の特性だけど（主用ブラウザでは使えるはず）

var i = +prompt("台形の上底の長さを入力してください。", 0);
var z = +prompt("台形の下底の長さを入力してください。", 0);
var h = +prompt("台形の高さを入力してください。", 0);
var r = (i + z) * h / 2;

alert('台形の面積は' + r + 'です。');

+prompt みたいに数値変換する方法もある

Comments

[o_gqc]

ありがとうございます！今後の参考にします！

Answer 2

prompt の返り値は文字列なので、数値に変換しましょう。

【window.prompt - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Window/prompt

result は、ユーザによって入力されたテキストを含む文字列、または、null 値です。

【parseInt() - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/parseInt

Comments

[o_gqc]

ありがとうございます

Answer 3

var i = prompt("台形の上底の長さを入力してください。", 0);
var z = prompt("台形の下底の長さを入力してください。", 0);
var h = prompt("台形の高さを入力してください。", 0);
var r = (parseInt(i) + parseInt(z)) * h / 2;

alert('台形の面積は' + r + 'です。');

命題のまま(i+z)すると文字列の連結が発生します
(1+2)3/2=4.5
のところ、(1+2)＝12となり
123/2=18
みたいな計算がされます

Comments

[o_gqc]

ありがとうございます。
hの部分はparseInt(h)にしなくても大丈夫なのでしょうか？

[yambejp]

制御を統一するためにはparseIntしたほうが良いですが
文字列は*で処理ができないため数値に自動キャストされます
console.log("2"*"3");

[o_gqc]

丁寧にありがとうございます！参考にさせていただきますー