HTMLで体積計算を行い任意の結果を表示させる方法について

Question

前提・実現したいこと

私自身HTMLやその他のコードに触れたこたがなく下記のホームページのように体積計算をおこないその結果にもとずいて任意の結果を表示させたいと思ったのですがやり方がわかりません。どなたご教授お願いします。

リンク内容

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[BeatStar]

無理。物理的に無理。

HTMLは単なるメタ情報を付与するだけです。
そういう、動的なものは無理。

(HTMLやCSSは当たり前として)JavaScript等のプログラミング言語が必要です。

なので『無理』。

[tariho]

なるほどこちらの調べが足りませんでした。回答ありがとうございます。

[m.ts10806]

むしろ参考先のコード解析してみればいいのでは。

[Lhankor_Mhy]

JavaScript かサーバ側言語が必要になると思いますので、ご質問タグの範囲では難しいかと思います。

Answer 1

HTMLコードのみでは無理ですが、HTML内にJavaScriptコードを埋め込むことができますので、HTMLでできるといえばできます。

例えば、

<form name="F1" class="price-type">
  <p><input name="T1" placeholder="長さcm"> × <input name="T2" placeholder="幅cm"> × <input name="T3" placeholder="高さcm"><input type="button" value="計算" onclick="func()"></p>
  <p class="result">体積: <input type="text" name="T4">cm<sup>3</sup></p>
</form>
<script>
function func() {
  var xx = parseFloat(document.F1.T1.value);
  var yy = parseFloat(document.F1.T2.value);
  var zz = parseFloat(document.F1.T3.value);
  document.F1.T4.value = xx*yy*zz;
}
</script>