Réponse suivant 2 valeurs plus grande ou plus petite

Version imprimable

04/05/2019, 15h58
niighthawk

Réponse suivant 2 valeurs plus grande ou plus petite

Je ne suis pas très bonne dans les titres explicatif :oops:

Voilà je cherche à faire de quoi de simple pour certain ici mais compliqué pour moi...

https://codepen.io/niighthawk/pen/EzYGxJ

J'aimerais que quand la valeur numérique du
- CANAL 1 est plus GRAND que celle du CANAL 40 ........Afficher en dessous ANTENNE : TROP COURTE
- CANAL 40 est plus GRAND que CANAL 1 .......Afficher en dessous ANTENNE : TROP LONGUE

Merci :)

Salut
Une solution comme une autre,

Code:

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
<table> 
	<tr>
		<td class='barorange' colspan='4'>SWR CB 40 CANNAUX ( ANTENNE )</td>
	</tr>
	<tr>
		<td class='bargrise2' colspan='3' >PUISSANCE CANAL 1</td>
		<td class='inputfreq'>
		<div class='ui-input-text ui-body-inherit ui-corner-all'>
			<input style="text-align: right;font-size:25px" type="number" min="100" max="300" id="swrcb1" size="auto" onchange="output();" />
		</div>
	<tr>
		<td class='bargrise2' colspan='3'>PUISSANCE CANAL 40
		<td class='inputfreq' >
		<div class='ui-input-text ui-body-inherit ui-corner-all'>
			<input style="text-align: right;font-size:25px" type="number" min="100" max="300" id="swrcb2" size="auto" onchange="output();" />
		</div>
		</td>
	</tr>
	<tr>
		<td class='swrcb' colspan='4'>ANTENNE : <span id="reponse" style="font-weight:400;color:#F00"> TROP LONGUE </span> </td>
	</tr>
 
</table>
<script>
        function output(){
                if (document.getElementById('swrcb1').value > document.getElementById('swrcb2').value){
                        document.getElementById('reponse').textContent = "TROP COURTE"
                        document.getElementById('reponse').style.color = "green"
                }else{
                        document.getElementById('reponse').textContent = "TROP LONGUE"
                        document.getElementById('reponse').style.color = "red"
                }
                if (Number(document.getElementById('swrcb1').value) === Number(document.getElementById('swrcb2').value)){
                        document.getElementById('reponse').textContent = "Ok"
                        document.getElementById('reponse').style.color = "black"
                }
        }
 
</script>

Notes que j'ai changé tes inputs en type="number"

Bonjour,

ça se résume juste à ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
  function output(){
    var canal1 = Number(document.getElementById('swrcb1').value);
    var canal40 = Number(document.getElementById('swrcb2').value);
    if (canal1 > canal40){
      document.getElementById('reponse').textContent = "TROP COURTE";
      document.getElementById('reponse').style.color = "green";
    }else if (canal1 < canal40){
      document.getElementById('reponse').textContent = "TROP LONGUE";
      document.getElementById('reponse').style.color = "red";
    }else {
      document.getElementById('reponse').textContent = "OK";
      document.getElementById('reponse').style.color = "black";
    }
  }

05/05/2019, 14h00
niighthawk

wow merci :) êtes super !!