# How to get hidden span value using Javascript

**URL:** <https://forum.freecodecamp.org/t/how-to-get-hidden-span-value-using-javascript/307290>\
**Category:** General\
**Created:** [August 20, 2019, 1:39pm UTC](https://forum.freecodecamp.org/t/how-to-get-hidden-span-value-using-javascript/307290 "2019-08-20T13:39:13Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![masumluf](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/masumluf/32/121227_2.png) [@masumluf](https://forum.freecodecamp.org/u/masumluf)\
**Post date:** [August 20, 2019, 1:39pm UTC](https://forum.freecodecamp.org/t/how-to-get-hidden-span-value-using-javascript/307290/1 "2019-08-20T13:39:13Z")

</div>

Hello Developers, I have a question. Suppose I have an online store I brought items from database each item has a hidden Car like value. I would like to console.log ‘Car’ when I click on this div. Each div has same class name because I am using loop. Thank you

---

<div class="post-metadata">

**Author:** ![dimtodim](https://avatars.discourse-cdn.com/v4/letter/d/f9ae1b/32.png) [@dimtodim](https://forum.freecodecamp.org/u/dimtodim)\
**Post date:** [August 20, 2019, 1:59pm UTC](https://forum.freecodecamp.org/t/how-to-get-hidden-span-value-using-javascript/307290/2 "2019-08-20T13:59:23Z")

</div>

provide code on code pen or here

---

<div class="post-metadata">

**Author:** ![masumluf](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/masumluf/32/121227_2.png) [@masumluf](https://forum.freecodecamp.org/u/masumluf)\
**Post date:** [August 22, 2019, 6:56am UTC](https://forum.freecodecamp.org/t/how-to-get-hidden-span-value-using-javascript/307290/3 "2019-08-22T06:56:14Z")

</div>

Please check this out.  
[https://zh2y0.csb.app/](https://zh2y0.csb.app/)

---

<div class="post-metadata">

**Author:** ![timagixe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/timagixe/32/140131_2.png) [@timagixe](https://forum.freecodecamp.org/u/timagixe)\
**Post date:** [August 22, 2019, 7:02am UTC](https://forum.freecodecamp.org/t/how-to-get-hidden-span-value-using-javascript/307290/4 "2019-08-22T07:02:33Z")

</div>

I believe this will help you:  
[https://www.w3schools.com/howto/howto\_js\_toggle\_hide\_show.asp](https://www.w3schools.com/howto/howto_js_toggle_hide_show.asp)

---

<div class="post-metadata">

**Author:** ![masumluf](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/masumluf/32/121227_2.png) [@masumluf](https://forum.freecodecamp.org/u/masumluf)\
**Post date:** [August 22, 2019, 7:43am UTC](https://forum.freecodecamp.org/t/how-to-get-hidden-span-value-using-javascript/307290/5 "2019-08-22T07:43:26Z")

</div>

Nope. Suppose I have fetched a lot of query from Database now I want to print individual id from each query. How I will do that in javascript ?

---

<div class="post-metadata">

**Author:** ![timagixe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/timagixe/32/140131_2.png) [@timagixe](https://forum.freecodecamp.org/u/timagixe)\
**Post date:** [August 22, 2019, 3:58pm UTC](https://forum.freecodecamp.org/t/how-to-get-hidden-span-value-using-javascript/307290/6 "2019-08-22T15:58:33Z")

</div>

I hope this example will help you:

JS code:

```auto
function test() {
  console.log("OUTPUT TO CONSOLE.LOG");
}

```

HTML code:

```auto
<div onClick="test()")>MY DIV</div>

```

At least it worked for me on [jsbin.com](http://jsbin.com) when I was coding the snippet. If this not helps then try google or ask someone more experienced.

---

<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:** [January 17, 2021, 9:32am UTC](https://forum.freecodecamp.org/t/how-to-get-hidden-span-value-using-javascript/307290/7 "2021-01-17T09:32:41Z")

</div>