82434


**現象**  
「適正体重を表示」ボタンを押しても、alertが表示されない。

**期待値**  
index.htmlの「適正体重を表示」ボタンを押したら、alertが表示される。

**再現手順**  
下のHTMLで記述されたファイルとJavaScriptで記述されたファイルを、同じディレクトリで実行する。

index.html

[code]

    <!DOCTYPE html>
    <html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>formに身長を入力すると、適正体重がダイアログに表示される</title>
    </head>
    <body>
        <h3>formに身長を入力すると、適正体重が表示ダイアログに表示されます</h3>
        <form>
            <input id="height" name="height" type="number" />
            <input id="btn" type="button" value="適正体重を表示" />
        </form>
       <script src="dialog.js"></script> 
    </body>
    </html>
    
[/code]

dialog.js

[code]

    document.addEventListener('DOMContentLoaded', function() {
        document.getElementById('btn').addEvemtListener('click', function() {
            var height = document.getElementById('height');
            var appropriateWeight = new Function('height', 'return height ** 2 * 22;');
            window.alert('適正体重:' + appropriateWeight(height) + 'kg');
        });
    });
    
[/code]


CC BY-SA 4.0
2021-09-11T11:25:18.177
82424
2021-09-12T00:22:11.000
36906
question
javascript html
alertが表示されない

[code]

    document.getElementById('btn').addEvemtListener('click', function() {
                                      ^^^^^
    
[/code]  
  
この部分を打ち間違えています。


CC BY-SA 4.0
2021-09-12T00:22:11.000
82434
2021-09-12T00:22:11.000
19110
82424
answer