new bug in java script ! help me pls

hello

26 Replies

NIMAOP•9mo ago

<script>
function lengthonkey(){
    document.getElementById('qpq').innerHTML =  document.getElementById('numba').value.length ;

    
  
}


    
</script>

<script>
function lengthonkey(){
    document.getElementById('qpq').innerHTML =  document.getElementById('numba').value.length ;

    
  
}


    
</script>

 
                <div class="borderinput1      flexbox  " >
                    
                    <div>   <input type="number"  class="input1"  id="numba"  placeholder="enter ur number" required  onkeyup="lengthonkey()"  >      </div>
                   <div>  <button class="chichiflex"  id="qpq"   >  </button>   </div>
              

                </div>

 
                <div class="borderinput1      flexbox  " >
                    
                    <div>   <input type="number"  class="input1"  id="numba"  placeholder="enter ur number" required  onkeyup="lengthonkey()"  >      </div>
                   <div>  <button class="chichiflex"  id="qpq"   >  </button>   </div>
              

                </div>

how can i do something when i still dont put anything in my input the button be invisibel and when i put value in input button pop on ?

dys 🐙•9mo ago

Try <button>Button Text</button>.

NIMAOP•9mo ago

? im not talking about thath

dys 🐙•9mo ago

You want the button to always be visible?

NIMAOP•9mo ago

not when i enter a vlue get visibel and when no value in it get disbel u know what i mean now?

dys 🐙•9mo ago

Something like this?

lko•9mo ago

@NIMA the problems you had these couple of days were pretty simple, I suggest you to start from a html tutorial, then watch one of css and one of js, so you'll have better basics overall, and you'll be able to fix most problems by yourself

NIMAOP•9mo ago

😡 yes it was this this is not my yestday problem ? ! tnx so much my only problem is in js not html css and cuse im start learning js in 4 day

lko•9mo ago

Then you probably would have known that you could have done it with css

NIMAOP•9mo ago

yes but i want do thath with js most of thing can do with css too but im i want try java script to learn it fully

lko•9mo ago

NIMAOP•9mo ago

not work in my code i do this with if and else and i got this problem qpq.style.visibility = length === 0 ? 'hidden' : 'visible' not work oh it was for lengthonkey() what is lengthonkey() in end mean?

lko•9mo ago

it calls the function

NIMAOP•9mo ago

2 times?

lko•9mo ago

function idk() { // declaring the function
... 
}

idk() // calling it

function idk() { // declaring the function
... 
}

idk() // calling it

NIMAOP•9mo ago

hmm so what on click do ? its gonna call him ? ohhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh there is no onclick thats why 🤔

lko•9mo ago

there's a keyup, which is basically the same thing, it still calls the function

NIMAOP•9mo ago

so if keyup do thath why it need recalls

lko•9mo ago

but you have to call the function when the page loads because you have to hide the button first

Jochem•9mo ago

I'd recommend reading something like https://javascript.info, it will explain javascript in great detail, starting from the very basics

NIMAOP•9mo ago

ok tnx 'hidden' : 'visible' hidden is first one right? i mean when website load it gonna read hidden first? thaths why funcshen gonna hide it?

lko•9mo ago

this: condition ? a : b means

if(condition) {
  a
} else {
  b
}

if(condition) {
  a
} else {
  b
}

So, if is empty, hide it

NIMAOP•9mo ago

ok i undestand tnx for help

<script>
function lengthonkey(){
  let length = document.getElementById('numba').value.length
  let qpq = document.getElementById('qpq')
  qpq.innerHTML = length
  if(length ==0 ){
    qpq.style.visibility ='hidden';

  }else{
    qpq.style.visibility ='visible';
  }
 
}
lengthonkey()


</script>

<script>
function lengthonkey(){
  let length = document.getElementById('numba').value.length
  let qpq = document.getElementById('qpq')
  qpq.innerHTML = length
  if(length ==0 ){
    qpq.style.visibility ='hidden';

  }else{
    qpq.style.visibility ='visible';
  }
 
}
lengthonkey()


</script>

this is correct too ? i get the same asnwer but i want to know is this good thing to wright like this or no

lko•9mo ago

yeah it's fine

13eck•9mo ago

@NIMA next time you make a post, please give it a well-thought out title. "New Bug" is very generic and not helpful for anyone reading it. Please remember that this forum is not only for you to get assistance but for others who might have the same issues can easily find existing solutions.

NIMAOP•9mo ago

aright sorry 😂

Gaming

Programming

new bug in java script ! help me pls