Problème en JavaScript, convertisseur de température

Résolu/Fermé
NatBoy6284 - 11 févr. 2013 à 19:38
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 14 févr. 2013 à 08:23
Bonjour,

voici mon code :

----------------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<title>Convertisseur de température</title>
<style type="text/css">
@import url("style.css")
</style>
<script type="text/javascript">

function convertirCelsius()
{
var fahrenheit = getElementById(txtFahrenheit);
var celsius = getElementById(txtCelsius);
parseFloat(celsius);
parseFloat(fahrenheit);
fahrenheit = celsius;
fahrenheit = ((9.0/5.0) * celsius) + 32.0;
var resultatFahrenheit = fahrenheit;
txtFahrenheit.value = resultatFahrenheit;
}

function convertirFahrenheit()
{
var celsius = getElementById(txtCelsius);
var fahrenheit = getElementById(txtFahrenheit);
parseFloat(fahrenheit);
parseFloat(celsius);
celsius = fahrenheit;
celsius = ((fahrenheit - 32) * 5) / 9;
var resultatCelsius = celsius;
txtCelsius.value = resultatCelsius;
}

</script
</head>


<body>
<div id="main">
<h1>Convertisseur Celsius - Fahrenheit</h1>
<h3>Entrez la température que vous voulez convertir</h3>
<br />
<h2 id="titre">Celsius</h2>
<input type="text" id="txtCelsius" size="50px" />
<br />
<input type="button" value="Convertir les Celsius" onclick="convertirCelsius()" />
<br />
<br />
<img src="fleche2sens.jpg" alt="Flèche" />
<br />
<h2 id="titre">Fahrenheit</h2>
<input type="text" id="txtFahrenheit" size="50px" />
<br />
<input type="button" value="Convertir les Fahrenheit" onclick="convertirFahrenheit()" />
</div>
<br />
<br />
<br />
<p id="auteur">Par Nathan Poulin</p>
</div>
</body>
</html>
----------------------------------------------------------------------------------------------------------------

Quand j'entre la température, ça marche pas. Pouvez vous m'aider, plz.

Merci d'avance
A voir également:

3 réponses

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
12 févr. 2013 à 14:43
beaucoup d'erreurs, voir commentaires:
<!DOCTYPE html>
<html>
<head>
<!-- ne pas oublier l'encodage des caractères -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Convertisseur de température</title>
<style type="text/css">
@import url("style.css")
</style>
<script type="text/javascript">

function convertirCelsius_Fahrenheit()
{
	//on atteint les deux champs par leur id
	//cet id doit être entre '  c'est une valeur pas un nom d'argument
	var fahrenheit = document.getElementById('txtFahrenheit');
	var celsius =document.getElementById('txtCelsius');
	//lecture de la valeur rentrée
	var val_saisie_celsius=parseFloat(celsius.value);
	/*
	parseFloat(celsius); // la la valeur ainsi modifiée elle va dans quelle variable ??
	parseFloat(fahrenheit); //idem
	fahrenheit = celsius; //la tu écrase la valuer lue 
	*/
	//calcul et en arrondissant pour ne pas avoir 50 décimales
	var resultatFahrenheit = Math.round(((9.0/5.0) * val_saisie_celsius) + 32.0,2);
	//ecriture du résultat dans l'input 
	fahrenheit.value=resultatFahrenheit;
}

function convertirFahrenheit_Celsius()
{
//bon la tu fais pareil
var celsius = document.getElementById('txtCelsius');
var fahrenheit = document.getElementById('txtFahrenheit');
parseFloat(fahrenheit);
parseFloat(celsius);
celsius = fahrenheit;
celsius = ((fahrenheit - 32) * 5) / 9;
var resultatCelsius = celsius;
txtCelsius.value = resultatCelsius;
}

</script>
</head>


<body>
<div id="main">
<h1>Convertisseur Celsius - Fahrenheit</h1>
<h3>Entrez la température que vous voulez convertir</h3>
<br />
<h2 id="titre">Celsius</h2>
<input type="text" id="txtCelsius" size="50px" />
<br />
<input type="button" value="Convertir les Celsius" onclick="convertirCelsius_Fahrenheit()" />
<br />
<br />
<img src="fleche2sens.jpg" alt="Flèche" />
<br />
<h2 id="titre">Fahrenheit</h2>
<input type="text" id="txtFahrenheit" size="50px" />
<br />
<input type="button" value="Convertir les Fahrenheit" onclick="convertirFahrenheit_Celsius()" />
</div>
<br />
<br />
<br />
<p id="auteur">Par Nathan Poulin</p>
</div>
</body>
</html> 
0
Bonjour, j'ai fais quelques corrections :

----------------------------------------------------------------------------------------------------
<!DOCTYPE html>

<html>

	<head>
	
		<link href="Style Temperature.css" rel="stylesheet" type="text/css">
		<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
		<title>Convertisseur de température</title>
		<script type="text/javascript">

			function convertirCelsius()
			{
				var celsius = document.getElementById('txtCelsius');
				var fahrenheit = document.getElementById('txtFahrenheit');
				var saisieCelsius = parseFloat('celsius.value');
				var resultatCelsius = ((9.0/5.0) * saisieCelsius) + 32.0,2;
				txtFahrenheit.value = resultatCelsius;
			}

			function convertirFahrenheit()
			{
				var fahrenheit = document.getElementById('txtFahrenheit');
				var celsius = document.getElementById('txtCelsius');
				var saisieFahrenheit = parseFloat(fahrenheit.value);
				var resultatFahrenheit = ((saisiFahrenheit - 32) * 5) / 9;
				txtCelsius.value = resultatFahrenheit;
			}

		</script>
		
	</head>


	<body>
	
		<div id="main">
			<h1>Convertisseur Celsius - Fahrenheit</h1>
			<h3>Entrez la température que vous voulez convertir</h3>
			<br />
			<h2 id="titre">Celsius</h2>
			<input type="text" id="txtCelsius" size="50px" />
			<br />
			<input type="button" value="Convertir les Celsius" onclick="convertirCelsius()" />
			<br />
			<br />
			<img src="fleche2sens.jpg" alt="Flèche" />
			<br />
			<h2 id="titre">Fahrenheit</h2>
			<input type="text" id="txtFahrenheit" size="50px" />
			<br />
			<input type="button" value="Convertir les Fahrenheit" onclick="convertirFahrenheit()" />
		</div>
		<br />
		<br />
		<br />
		<p id="auteur">Par Nathan Poulin</p>
		
	</body>
	
</html>

----------------------------------------------------------------------------------------------------

Je sais pas si c'est correcte. Peut-tu me dire si il y a des erreurs?

Merci
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
14 févr. 2013 à 08:23
je ne comprend pas je t'ai répondu mais ça a disparu

il y a beaucoup d'erreurs encore:
<!DOCTYPE html>
<html>
	<head>	
		<link href="Style Temperature.css" rel="stylesheet" type="text/css">
		<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
		<title>Convertisseur de température</title>
		<script type="text/javascript">
			function convertirCelsius()
			{				
				var celsius = document.getElementById('txtCelsius'); //la on atteint l'objet_input ayant pour id='txtCelsius'
				var fahrenheit = document.getElementById('txtFahrenheit'); //la on atteint l'objet_input ayant pour id='txtFahrenheit'
				//a partir de ces objet on peut les manipuler, lire leur valeur, la modifier le style etc..
				//ci dessous on lit la valeur de l'input
				//var saisieCelsius = parseFloat('celsius.value'); FAUX
				var saisieCelsius = parseFloat(celsius.value); // il faut objet_input.value  (pas entre ' ' )
				var resultatCelsius = ((9.0/5.0) * saisieCelsius) + 32.0; //la tu as supprimé Math.round mais pas le ,2 de la fin
				// txtFahrenheit.value = resultatCelsius; //FAUX
				fahrenheit.value = resultatCelsius; //pareil il faut objet_input.value
			}

			function convertirFahrenheit()
			{
				//la tu fais pareil
				 var fahrenheit = document.getElementById('txtFahrenheit');
				var celsius = document.getElementById('txtCelsius');
				var saisieFahrenheit = parseFloat(fahrenheit.value);
				var resultatFahrenheit = ((saisiFahrenheit - 32) * 5) / 9;
				txtCelsius.value = resultatFahrenheit;
			}

		</script>		
	</head>
	<body>	
		<div id="main">
			<h1>Convertisseur Celsius - Fahrenheit</h1>
			<h3>Entrez la température que vous voulez convertir</h3>
			<br />
			<h2 id="titre">Celsius</h2>
			<input type="text" id="txtCelsius" size="50px" />
			<br />
			<input type="button" value="Convertir les Celsius" onclick="convertirCelsius()" />
			<br />
			<br />
			<img src="fleche2sens.jpg" alt="Flèche" />
			<br />
			<h2 id="titre">Fahrenheit</h2>
			<input type="text" id="txtFahrenheit" size="50px" />
			<br />
			<input type="button" value="Convertir les Fahrenheit" onclick="convertirFahrenheit()" />
		</div>
		<br />
		<br />
		<br />
		<p id="auteur">Par Nathan Poulin</p>		
	</body>	
</html>
0