Take array address with ID and use in an IF

Asked

Viewed 32 times

2

Basic doubt need to take the address of the array that contains an id and use in an if, OTHER: is it possible to make an id array? what I want to do is to click on the image to show the description of the attribute of the object orgaos, simplifying click on the image and appear certain description by an Alert, I could not edit the code sorry ;-; my code:

function teste(){  
        let selecao = [document.getElementById('cerebro'), 
                       document.getElementById('pulmao'), 
                       document.getElementById('coracao'),
                       document.getElementById('rim'),
                       document.getElementById('encefalo'),
                       document.getElementById('esofago'),
                       document.getElementById('estomago'),
                       document.getElementById('intestino'), 
                       document.getElementById('figado')]

        orgaos = { cerebro: 'parte do sistema nervoso central situada na caixa craniana dos vertebrados e que recebe estímulos dos órgãos sensoriais, interpretando-os e correlacionando-os com impressões armazenadas, a fim de acionar impulsos motores que, essencialmente, controlam todas as atividades vitais',
                   coracao: 'O coração é um órgão muscular presente nos humanos e em outros animais que bombeia o sangue através dos vasos sanguíneos do sistema circulatório',
                   encefalo: 'conjunto do tronco cerebral, cerebelo e cérebro, parte superior do sistema nervoso central que controla o organismo.' , 
                   esofago: 'onduto musculomembranoso que liga a faringe ao estômago',
                   pulmao: 'cada um de dois órgãos respiratórios promovem as trocas gasosas, fornecendo oxigênio a todo o corpo',
                   rim: 'Rim cada um dos dois órgãos são os principais órgãos do sistema excretor e osmoregulador dos vertebrados',
                   estomago: 'O estômago é um órgão presente no tubo digestivo, situado logo abaixo do diafragma, Nele, os alimentos são pré-digeridos e esterilizados, a fim de seguirem para o intestino, onde são absorvidos.',
                   intestino: 'O intestino é um órgão em forma de tubo que se estende desde o final do estômago até ao ânus, permitindo a passagem dos alimentos digeridos, facilitando a absorção dos nutrientes e a eliminação dos resíduos.',
                   figado: 'glândula volumosa anexa ao tubo digestivo que realiza sínteses e transformações complexas de diversas substâncias'}

        // Isso aqui que preciso fazer mais não funfa ;-;
         if (selecao == selecao[0]) {
            document.getElementById('cerebro').innerHTML = alert(orgaos.cerebro)
         }
    }

1 answer

3


I don’t think you need an array. Just send the id as a parameter in the function and show the value of the respective object key orgaos:

function teste(id){

   let orgaos = { cerebro: 'parte do sistema nervoso central situada na caixa craniana dos vertebrados e que recebe estímulos dos órgãos sensoriais, interpretando-os e correlacionando-os com impressões armazenadas, a fim de acionar impulsos motores que, essencialmente, controlam todas as atividades vitais',
                   coracao: 'O coração é um órgão muscular presente nos humanos e em outros animais que bombeia o sangue através dos vasos sanguíneos do sistema circulatório',
                   encefalo: 'conjunto do tronco cerebral, cerebelo e cérebro, parte superior do sistema nervoso central que controla o organismo.' , 
                   esofago: 'onduto musculomembranoso que liga a faringe ao estômago',
                   pulmao: 'cada um de dois órgãos respiratórios promovem as trocas gasosas, fornecendo oxigênio a todo o corpo',
                   rim: 'Rim cada um dos dois órgãos são os principais órgãos do sistema excretor e osmoregulador dos vertebrados',
                   estomago: 'O estômago é um órgão presente no tubo digestivo, situado logo abaixo do diafragma, Nele, os alimentos são pré-digeridos e esterilizados, a fim de seguirem para o intestino, onde são absorvidos.',
                   intestino: 'O intestino é um órgão em forma de tubo que se estende desde o final do estômago até ao ânus, permitindo a passagem dos alimentos digeridos, facilitando a absorção dos nutrientes e a eliminação dos resíduos.',
                   figado: 'glândula volumosa anexa ao tubo digestivo que realiza sínteses e transformações complexas de diversas substâncias'}
   
   document.getElementById(id).innerHTML = orgaos[id];
}
img{
   width: 50px;
   height: 50px;
   cursor: pointer;
}
<div>
   <img onclick="teste('cerebro')" src="https://images.vexels.com/media/users/3/143275/isolated/preview/5868497c009323a44151a21a6abe7b51---rg--o-humano-do-c--rebro-by-vexels.png">
   <div id="cerebro"></div>
</div>
<div>
   <img onclick="teste('coracao')" src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT5xaYgajRSwbofYW_JqKWZBjuz3DSj5KO0sGZt7Bq4gnSlqyvZ">
   <div id="coracao"></div>
</div>

  • worked well more sincerely bugou my logic kkk as that did not need to indicate the place of object attribute in ' Document.getElementById(id). innerHTML = orgaos[id];' the html id made a kind of link to the object’s attribute keys?

  • Yes, more or less so. See that things connect.

  • I even thought of the idea of address referencing in memory but still does not fit kkk is some special feature only can, would never think of a solution like this, Rigadão worked all right , more is very curious.....

Browser other questions tagged

You are not signed in. Login or sign up in order to post.