

**現象**  
JavaScriptで適正体重（身長(m)の2乗×22で求める）を算出したいが、index.htmlから入力した身長(m)を入力しても何も起こらない。consoleにはエラーが出現する。

以下、実際に出現したconsoleのエラー  
[![consoleのエラー](https://i.stack.imgur.com/gZczB.png)](https://i.stack.imgur.com/gZczB.png)

**期待値**  
入力フォームに身長(m)を入力したら、適正体重が表示されること。

**再現手順**  
下記のコードを実行する。

`index.html`

[code]

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>適正体重を身長(m)の2乗×22で求める</title>
    </head>
    <body>
        身長(m):<input type="number" step="0.01"><br>
        <input type="submit" value="送信" id="calculation"> 
        適正体重(kg):<p id="result"></p>
    
        <script type="text/javascript" src="calculation.js"></script>
    </body>
    </html>
    
[/code]

`calculation.js`

[code]

    'use strict';
    
    var calclation=document.getElementById('caluclation');
    calclation.addEventListener('submit', (e) =>{
    
      var eleHeight=document.getElementById("height");
    
      function calc() {
      var height=parseFloat(eleHeight.value);
    
      var heightSquared=Math.pow(height, 2);
      var appropriateWeight=heightSquared*22;
      };
    
      console.log(appropriateWeight);
      var result=appropriateWeight;
      result.innerHTML="appropriateWeight";
    });
    
[/code]

**補足**  
入力する身長は「センチメートル」ではなく「メートル」です。


CC BY-SA 4.0
2021-09-07T01:38:09.973
82304
2021-09-07T01:43:50.240
36906
question
javascript html5
JavaScriptで計算した結果をHTMLに表示したいです


> var calclation=document.getElementById('caluclation');

`calculation`では？  
スペルミスですね。


CC BY-SA 4.0
2021-09-07T01:43:50.240
82305
2021-09-07T01:43:50.240
45045
82304
answer