[Resolvido] Sentença com IF

[marcelo2605 10]

Como faço para escrever um comando onde IF a div A for clicada, algo acontece com a div B?

[William Bruno 1501]

você está pensando errado.

 

oq você tem q fazer, é disparar uma função no evento click da div A.

Não é um if, mas um listener do evento, entendeu ?

 

document.getElementById('A').onclick = function(){
 document.getElementById('B').style.backgroundColor = '#f0f';
}

 

sendo

<div id="A">

e

<div id="B">

 

 

Entendeu ? com javascript você trabalha com os eventos.

[51L3N7 1]

Pode ser assim também

 

if ( document.getElementById( 'divA' ).click() ) document.getElementById( 'divB' ).style.backgroundColor = '#f0f';

[William Bruno 1501]

Pode ser assim também

 

if ( document.getElementById( 'divA' ).click() ) document.getElementById( 'divB' ).style.backgroundColor = '#f0f';

?? você testou ?

 

isso ai não funciona. Por alguns simples motivos:

alert( document.getElementById( 'divA' ).click() ); //undefined

.click() não tem retorno.

você não está "interagindo" com nada, ou seja, se não atrelar isso a nenhum evento, o seu trecho de código será executado assim q o documento carregar, e não é isso que o cara pediu.

<div id="divA">divA</div>
<div id="divB">divB</div>


<script type="text/javascript">
if ( document.getElementById( 'divA' ).click() ) document.getElementById( 'divB' ).style.backgroundColor = '#f0f';
</script>

 

 

Enfim.. o correto é algo assim:

<div id="divA">divA</div>
<div id="divB">divB</div>


<script type="text/javascript">
document.getElementById('divA').onclick = function(){
   document.getElementById('divB').style.backgroundColor = '#f0f';
}
</script>

ou seja, não tem nada de IF().. o conceito é completamente diferente...

vamos estudar galera !! :lol:

[51L3N7 1]

Eu confundir com outra coisa.

O que funciona é algo assim:

 

<form>
<input type="checkbox" />
<script>
document.forms[0][0].click()
</script>

[marcelo2605 10]

William, entendi. Obrigado.

[William Bruno 1501]

@51L3N7, mas ai você está disparando um click

 

E isso só faz sentido se existir algum callback declarado neste evento daquele elemento.

Para programar em javascript, é preciso mudar a forma de pensar.

 

Não pensem em "se clicar, execute algo", pensem em: "qndo clicar, execute algo"

[51L3N7 1]

E isso só faz sentido se existir algum callback declarado neste evento daquele elemento.

 

De certa forma sim, mas funciona mesmo se não tiver nenhum callback (Ao contrário do onclick()).