# Condition issue

**URL:** <https://forum.freecodecamp.org/t/condition-issue/394993>\
**Category:** General\
**Created:** [May 27, 2020, 1:57pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993 "2020-05-27T13:57:10Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![caiowebers](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/caiowebers/32/150919_2.png) [@caiowebers](https://forum.freecodecamp.org/u/caiowebers)\
**Post date:** [May 27, 2020, 1:57pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/1 "2020-05-27T13:57:10Z")

</div>

Hi Im very stuck with I guess is very easy but I can’t find what I doing wrong… I tried to use the same condition in Node and it’s works, but when I applied in my code nothing happens.

```auto
<body>
    <h1><strong></strong>Verificador de multas</strong></h1>
    <input type="text" name="nmd" id="nmd" value="Digite">
    <input type="button" value="ir" id="ir" onclick="clicar()">
    <div id="res">
        <h2>Resultado...</h2>
    </div>
    <script>
        var idade = document.querySelector('input#nmd')
        var val = Number(idade.value)
        var res = document.getElementById('res')
        function clicar () {
        var val = 17
        if (val < 16) {
            res.innerHTML('Nao vota')
         } else if (val < 18) {
            res.innerHTML('Voto opcional')
            } else {
            res.innerHTML('Voto obrigatorio')
        }
    }
    </script>
</body>

```

---

<div class="post-metadata">

**Author:** ![caiowebers](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/caiowebers/32/150919_2.png) [@caiowebers](https://forum.freecodecamp.org/u/caiowebers)\
**Post date:** [May 27, 2020, 2:30pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/2 "2020-05-27T14:30:18Z")

</div>

````auto
<body>
    <h1><strong></strong>Verificador de multas</strong></h1>
    <input type="text" name="nmd" id="nmd" value="Digite">
    <input type="button" value="ir" id="ir" onclick="clicar()">
    <div id="res">
        <h2>Resultado...</h2>
    </div>
    <script>
        var idade = document.querySelector('input#nmd').value
        var res = document.getElementById('res')
        function clicar() {
            if (idade < 16) {
                res.innerHTML = `Nao vota`
            } else if (idade < 18) {
                res.innerHTML = `Voto opcional`
            } else {
                res.innerHTML = `Voto obrigado`
            }
        }
    </script>
</body>

</html>```
````

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [May 27, 2020, 3:04pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/3 "2020-05-27T15:04:41Z")

</div>

> [@caiowebers](#):
>
> var idade = document.querySelector(‘input#nmd’).value

what value do you think this get?

---

<div class="post-metadata">

**Author:** ![Bam92](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bam92/32/128056_2.png) [@Bam92](https://forum.freecodecamp.org/u/Bam92)\
**Post date:** [May 27, 2020, 3:08pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/4 "2020-05-27T15:08:28Z")

</div>

Can you do a `console.log(idade)` and `console.log(typeof idade)`?

---

<div class="post-metadata">

**Author:** ![caiowebers](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/caiowebers/32/150919_2.png) [@caiowebers](https://forum.freecodecamp.org/u/caiowebers)\
**Post date:** [May 27, 2020, 3:46pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/5 "2020-05-27T15:46:48Z")

</div>

`<input type="text" name="nmd" id="nmd" value="Digite">`  
I set to have this value of input.

---

<div class="post-metadata">

**Author:** ![caiowebers](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/caiowebers/32/150919_2.png) [@caiowebers](https://forum.freecodecamp.org/u/caiowebers)\
**Post date:** [May 27, 2020, 3:48pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/6 "2020-05-27T15:48:14Z")

</div>

No because im not trying to work with OUTPUT… i want to test in chrome.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [May 27, 2020, 4:00pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/7 "2020-05-27T16:00:53Z")

</div>

check what is its value, it is an important thing to know how to debug

what do you think is the value of `idade`?

---

<div class="post-metadata">

**Author:** ![caiowebers](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/caiowebers/32/150919_2.png) [@caiowebers](https://forum.freecodecamp.org/u/caiowebers)\
**Post date:** [May 27, 2020, 4:16pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/8 "2020-05-27T16:16:39Z")

</div>

Oh I got but another example was this:

var n1 = Number(idade.value)

But I decided to put .value at the end of line… I guess I have to understand more of what is Value.

I don’t know why its just ignoring another condition… even Im putting those options

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [May 27, 2020, 4:21pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/9 "2020-05-27T16:21:36Z")

</div>

the issue is there  
try to add `console.log(idade)` to your code  
it is not what you think

---

<div class="post-metadata">

**Author:** ![caiowebers](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/caiowebers/32/150919_2.png) [@caiowebers](https://forum.freecodecamp.org/u/caiowebers)\
**Post date:** [May 27, 2020, 4:26pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/10 "2020-05-27T16:26:23Z")

</div>

But even for inside of code ?? im not trying to work with output or terminal…

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [May 27, 2020, 4:27pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/11 "2020-05-27T16:27:51Z")

</div>

the terminal is a debugging tool  
are you sure that the value of `idade` is the one you think?  
you expect `idade` to be a number. But is it? How do you know if you don’t print the value of `idade` to the console with `console.log(idade)`?

---

<div class="post-metadata">

**Author:** ![caiowebers](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/caiowebers/32/150919_2.png) [@caiowebers](https://forum.freecodecamp.org/u/caiowebers)\
**Post date:** [May 27, 2020, 4:52pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/12 "2020-05-27T16:52:19Z")

</div>

The problem its no show the idade, its actually to give a answer depends of what do you put into the input… Because if I only put console.log(idade) I know what its going to show me of course.

I mean… the function only recognize the first last condition the ELSE. i dont know why…

I try the debug… its saying No debug adapter, can not send ‘evaluate’

`<body> <h1><strong></strong>Verificador de multas</strong></h1> <input type="text" name="nmd" id="nmd" value="Digite"> <input type="button" value="ir" id="ir" onclick="clicar()"> <div id="res"> <h2>Resultado...</h2> </div> <script> var idade = document.querySelector('input#nmd') var n1 = Number(idade.value) var res = document.getElementById('res') function clicar() { if (n1 < 16) { console.log = (`Nao vota`) } else if (n1 < 18) { res.innerHTML = `Voto opcional` } else { res.innerHTML =`Voto obrigado`  
}  
}

`

---

<div class="post-metadata">

**Author:** ![lasjorg](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lasjorg/32/280761_2.png) [@lasjorg](https://forum.freecodecamp.org/u/lasjorg)\
**Post date:** [May 27, 2020, 5:40pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/14 "2020-05-27T17:40:23Z")

</div>

This code:

```auto
var idade = document.querySelector('input#nmd').value
var res = document.getElementById('res')

```

Will execute one time when the page loads, any new value from user input is never used. Move the two lines of code into the click handler function.

Next, you have to check the length of the string, not just the value (`idade.length`).

---

<div class="post-metadata">

**Author:** ![caiowebers](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/caiowebers/32/150919_2.png) [@caiowebers](https://forum.freecodecamp.org/u/caiowebers)\
**Post date:** [May 27, 2020, 5:55pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/15 "2020-05-27T17:55:39Z")

</div>

Hi thanks! I try your way I guess and still not working.

```auto
<h1><strong></strong>Verificador de multas</strong></h1>
    <input type="number" name="nmd" id="nmd" value="Digite">
    <input type="button" value="ir" id="ir" onclick="clicar()">
    <div id="res">
        <h2>Resultado...</h2>
    </div>
    <script>
        function clicar() {
        var idade = document.querySelector('input#nmd').value
        var n1 = Number(idade.length)
        var res = document.getElementById('res')
            if (n1 < 70 && n1 >= 18) {
                res.innerHTML = ('VOTO OBRIGATORIO')
            } else if (n1 < 18) {
                res.innerHTML += ('VV')
            } else {
                res.innerHTML += ('VV')
            }
        }
    </script>

```

---

<div class="post-metadata">

**Author:** ![caiowebers](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/caiowebers/32/150919_2.png) [@caiowebers](https://forum.freecodecamp.org/u/caiowebers)\
**Post date:** [May 27, 2020, 6:00pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/16 "2020-05-27T18:00:59Z")

</div>

Even if I reduce the condition… like this \>\>

```auto
 function clicar() {
        var idade = document.querySelector('input#nmd').value
        var n1 = Number(idade.length)
        var res = document.getElementById('res')
            if (n1 > 18) {
                res.innerHTML = ('VOTO OBRIGATORIO')
            } else {
                res.innerHTML += ('VV')
            }
        }

```

THE ONLY ONE WORKING IS THE LAST – \>\> ELSE \<\<\<

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [May 27, 2020, 6:13pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/17 "2020-05-27T18:13:36Z")

</div>

> [@caiowebers](#):
>
> var n1 = Number(idade.length)

do you want the value of `idade` or its length? if you do like this `n1` will just be 1 or 2

I really suggest you use console.log to print to the console the values of all your variables and check if they are what you want them to be

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [May 27, 2020, 6:14pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/18 "2020-05-27T18:14:40Z")

</div>

> [@caiowebers](#):
>
> I try the debug… its saying No debug adapter, can not send ‘evaluate’

do you have a console? print values to the console and debug without the debugger

---

<div class="post-metadata">

**Author:** ![caiowebers](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/caiowebers/32/150919_2.png) [@caiowebers](https://forum.freecodecamp.org/u/caiowebers)\
**Post date:** [May 27, 2020, 6:35pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/19 "2020-05-27T18:35:07Z")

</div>

This was the only way:

```auto
 <script>
        function clicar() {
            var idade = document.querySelector('input#nmd')
            var n1 = Number(idade.value)
            var res = document.getElementById('res')
            if (n1 <= 16) {
                res.innerHTML = ('Nao vota')
            } else if (n1 <= 18) {
                res.innerHTML = ('Voto opcional')
            } else if (n1 > 18) {
                res.innerHTML = ('Voto obrigado')
            }
        }
    </script>

```

---

<div class="post-metadata">

**Author:** ![lasjorg](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lasjorg/32/280761_2.png) [@lasjorg](https://forum.freecodecamp.org/u/lasjorg)\
**Post date:** [May 27, 2020, 6:44pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/20 "2020-05-27T18:44:26Z")

</div>

If you are expecting a number you should set the type attribute to number, not text. It made it unclear what you were trying to do (I thought you were looking at the number of characters, not just the value).

---

<div class="post-metadata">

**Author:** ![Bam92](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bam92/32/128056_2.png) [@Bam92](https://forum.freecodecamp.org/u/Bam92)\
**Post date:** [May 27, 2020, 7:30pm UTC](https://forum.freecodecamp.org/t/condition-issue/394993/21 "2020-05-27T19:30:37Z")

</div>

Providing us with more context and expectations would help us quickly help you. Hopefully you solved.

Congrats!!

[Next page](https://forum.freecodecamp.org/t/condition-issue/394993.md?page=2)
