Adding an onclick event to a div element

I saw a few similar topics which did help but I have specific problem and didn’t manage to solve it alone so if anyone can help out I would appreciate it

I want to add onclick event to a div element.

HTML:

<div id="thumb0" class="thumbs" onclick="klikaj('rad1')"></div>

JavaScript:

function klikaj(i)
{
    document.getElementById(i).style.visibility='visible';
}

Wanted result: div with id="rad1" (which is hidden) turns visible, when clicked on div with id="thumb0".

This works when I add it to a button element but don’t know how it goes with div elements.

Related Posts:

  1. Wait 5 seconds before executing next line
  2. window.onload vs document.onload
  3. jQuery.click() vs onClick
  4. What is event bubbling and capturing?
  5. What is DOM Event delegation?
  6. iFrame onload JavaScript event
  7. How do you Hover in ReactJS? – onMouseLeave not registered during fast hover over
  8. How to remove all listeners in an element?
  9. Is it possible to append to innerHTML without destroying descendants’ event listeners?
  10. Is it possible to simulate key press events programmatically?
  11. window.onload vs $(document).ready()
  12. How to get scrollbar position with Javascript?
  13. Why onbeforeunload event is not firing
  14. How to make HTML element resizable using pure Javascript?
  15. window.location.href doesn’t redirect
  16. How to add a class to a given element?
  17. How to make a word underline in Markdown
  18. Creating multiline strings in JavaScript
  19. Babel 6 regeneratorRuntime is not defined
  20. What is lexical scope?
  21. Remove element by id
  22. await is only valid in async function
  23. Remove duplicate values from JS array [duplicate]
  24. How to read an external local JSON file in JavaScript?
  25. SyntaxError: Unexpected token o in JSON at position 1
  26. Remove duplicate values from JS array
  27. How can I convert a string to boolean in JavaScript?
  28. React Hook Warnings for async function in useEffect: useEffect function must return a cleanup function or nothing
  29. Change Background color (css property) using Jquery
  30. jQuery get textarea text
  31. Base64 encoding and decoding in client-side Javascript
  32. Response to preflight request doesn’t pass access control check
  33. Short circuit Array.forEach like calling break
  34. How can I check for an empty/undefined/null string in JavaScript?
  35. display variable image using cookies
  36. Find an element in DOM based on an attribute value
  37. Use of $parse in angular js
  38. With jQuery, how do I capitalize the first letter of a text field while the user is still editing that field?
  39. Pass a JavaScript function as parameter
  40. Cannot read property ‘getContext’ of null, using canvas
  41. How to add multiple classes to a ReactJS Component?
  42. Difference between “module.exports” and “exports” in the CommonJs Module System
  43. Local package.json exists, but node_modules missing
  44. Dealing with float precision in Javascript
  45. JSON.parse() not working
  46. Uncaught TypeError: Cannot read property ‘toUpperCase’ of undefined
  47. why angularjs ng-repeat not working
  48. jQuery remove options from select
  49. Convert UTC Epoch to local date
  50. How to execute a JavaScript function when I have its name as a string
  51. How to get the ASCII value in JavaScript for the characters [duplicate]
  52. HTML img onclick Javascript
  53. Clear the cache in JavaScript
  54. error Unable to get property ‘display’ of undefined or null reference
  55. Is there a php echo/print equivalent in javascript
  56. The entity name must immediately follow the ‘&’ in the entity reference
  57. How can I use goto in Javascript?
  58. Javascript Function that returns true if a letter?
  59. How do I know which version of Javascript I’m using?
  60. getContext is not a function
  61. lodash multi-column sortBy
  62. navigator.geolocation.getCurrentPosition sometimes works sometimes doesn’t
  63. Expected ‘this’ to be used by class method
  64. Strip HTML from Text JavaScript
  65. Calling a JavaScript function in another js file
  66. JavaScript code not running in HTML5 document
  67. What is the cause for “angular is not defined”
  68. Unexpected token < in first line of HTML
  69. ngular is automatically adding ‘ng-invalid’ class on ‘required’ fields
  70. How to set “style=display:none;” using jQuery’s attr method?
  71. Await is a reserved word error inside async function
  72. Javascript WP Object Documentation?
  73. Show only images and videos in a wp.media window
  74. WordPress Rest API
  75. Instantiate TinyMCE via JS ( rather than PHP/wp_editor )
  76. Prevent escaping javascript in visual editor
  77. @wordpress/components Button variants not styled
  78. Only displaying zip files with wp media
  79. Button insert link on front wp_editor not working
  80. How Can I Add OnClick Event To A Specific WordPress Menu Link
  81. Adding a Javascript slideshow to the home page
  82. List of JS Events for Widgets?
  83. Authentication with the Rest API when using an External Application
  84. Screen Resolution Detect
  85. Override do_item() Function to Add Extra Attribute to Scripts
  86. Is it possible to pass js variable to template file
  87. Automatically Add Defer or ASYNC to all JS files (no matter where they are located)
  88. Uncaught ReferenceError: jQuery is not defined – although jQuery is loaded [closed]
  89. How can I import one custom block into another?
  90. Gutenberg Blocks: how to determine an index of the current inner block?
  91. find out reason of “Updating failed” in Post-editor
  92. Getting a variable inside foreach from PHP to JS after localization
  93. Problem after upgrade to 3.6.1
  94. How to import a JavaScript Library into WordPress
  95. How to change the link address from internal to external
  96. Uncaught TypeError: Cannot read property ‘add’ of undefined bp-plupload.min.js
  97. How to verify that a field has a value before adding a term to a taxonomy
  98. List unused javascript for easy removal
  99. Include Facebook Javascript SDK In WordPress
  100. Use add_action to run a script, but only on the post editor page

Leave a Comment

tech