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