Created
May 1, 2018 05:50
-
-
Save tsuzukihashi/be75e53b9bbbc1ba7d5e1f60b6d9a9cb to your computer and use it in GitHub Desktop.
BMI値計算
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="ja"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <title>BMI値計算</title> | |
| <script> | |
| window.onload = function(){ | |
| document.getElementById("button").onclick = function(){ | |
| var h = parseFloat(document.getElementById("height").value)/100; | |
| var w = parseFloat(document.getElementById("weight").value); | |
| var bmi = document.getElementById("bmi"); | |
| bmi.innerHTML = (w/h/h).toFixed(1); | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body style="text-align: center; background-color:azure;"> | |
| <h1>BMI値計算</h1> | |
| <p>身長:<input type="number" id="height"> cm</p> | |
| <p>体重:<input type="number" id="weight"> kg</p> | |
| <p>あなたのBMI値は<output id="bmi">?</output>です。</p> | |
| <input type="button" id="button" value="計算"> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment