Problème en JavaScript, convertisseur de température

Résolu
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

3 réponses

  1. 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>
    1. 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
      1. 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>