Calculer et afficher la hauteur du plafond nuageux à partir de la température et du taux d’humidité dans une page web.
base d’un nuage point de rosée math-javascript
2) Résolution : python
Nous allons commencer par coder la méthode de calcul en python.
Puis écrire le script d’une fonction que nous allons améliorer progressivement
- affichage des types
- documentation
- assertion
cliquer pour ouvrir un jupyter notebook
3) Résolution : javascript
3-1) code html de la page web
<html lang="fr">
<head>
<title>Nuages</title>
<meta charset="UTF-8" />
<link rel=" stylesheet" href="nuages.css" />
</head>
<script>
function affiche() {
var temperature =parseFloat(prompt('température en°C?'));
var humiditeR =parseFloat(prompt('humidité relative en %?'));
var a = 17.27;
var b = 237.7;
var meteo=""
var alpha = a * temperature / (b + temperature) + Math.log(humiditeR * 0.01);
var pointRosee = b * alpha / (a - alpha);
var plafondNuage = 125 * (temperature - pointRosee)
var plafondNuageFt =400*(temperature - pointRosee)
if(isNaN(plafondNuage)||humiditeR>100||humiditeR<0||isNaN(humiditeR)){meteo="erreur"}
else{
meteo = "Le point de rosée est égal à " + pointRosee.toFixed(0) + "°C " +"et la base des nuages est à " + plafondNuage.toFixed(0) + "m .";
meteo = meteo + "<br><b>soit " + plafondNuageFt.toFixed(0) + " ft .</b>";
}
document.getElementById("test").innerHTML = "<b>" + meteo + "</b>";
}
</script>
<body>
<h2>Hauteur du plafond nuageux</h2><br>
<button class="button" onclick="affiche()">Calculateur</button><br><br>
<h4 id="test"></h4>
</body>
</html>
3-2) exécution du code html ci-dessus
Hauteur du plafond nuageux
4) Ajout d’images
Vous pouvez tester le calculateur et inspecter la page pour comprendre le code.