J'ai écrit un bout de code qui calcule une valeur et l'affiche dans un formulaire DIV

Débutant en HTML et JAVASCRIPT, j'ai une difficulté : la fonction JS est bien appelée sur l'événement, le calcul est fait, l'affichage dans le champ DIV a lieu mais est immédiatement effacé ...

Que faire pour éviter ce reset intempestif ?

Merci de votre aide

Le bout de code :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Formulaire test</title>
    </head>
	<script>
	function calcul_prix(nbre_lots)
	{
		var le_tarif;
 
		if (1 <=nbre_lots <= 200)
		{}
		else {		
			alert('Le nbre de lots doit être compris entre 1 et 200');
			return;	}	
 
		if (nbre_lots < 11){		
			le_tarif=130; }
		else {
			le_tarif=130 + (nbre_lots-10)*5; }
 
		document.getElementById("Tarif").focus();
		document.getElementById("Tarif").value=le_tarif;
		//alert('Tarif = ' + le_tarif);
		//document.getElementById("Tarif").style.display="block";
		return false;
	}
 
	</script>
    <body>
 
  <form>  <form action="/ma-page-de-traitement" method="post" onsubmit="return false;">
 
    <div>
        <label for="Nbre_Lots">Nbre de Lots :</label>
        <input type="text" id="Nbre_Lots" onchange="calcul_prix(Nbre_Lots.value);"/>
    </div>
    <div>
        <label for="Tarif">Tarif :</label>
        <input type="text" id="Tarif" />
    </div>
 
 
    <div class="button">
        <button type="submit">Envoyer votre message</button>
    </div>
</form>
</html>
</body>