/    Sign up×
Community /Pin to ProfileBookmark

How to apply onClick to span’s

Hello! I’m attempting to create an app that randomly plops a circle (span) down. I want to make it so when you click on the span element, it runs a function and am having a bit of trouble with that, regardless of the fact that out of frustration, I have dead-butt copy and pasted the code from forums. The repo is at willmargulies.com/circpic.htm . How do I apply the onClick to the span element using JavaScript?
Thanks!

to post a comment
HTML

1 Comments(s)

Copy linkTweet thisAlerts:
@cootheadApr 26.2019 — Hi there squills,

and a warm welcome to these forums. :D

Here is one possible solution...

``<i>
</i>&lt;script&gt;
( function( d ) {
'use strict';

var c, spn = d.querySelectorAll( 'span' );

for ( c = 0; c &lt; spn.length; c ++ ) {
spn[ c ].addEventListener( 'click', doStuff( c ), false );
}

function doStuff( c ) {
spn[ c ].onclick = function() {
// your code goes here
alert( 'test code OK' );
}
}
}( document ));
&lt;/script&gt; <i>
</i>
``


_coothead_
×

Success!

Help @squills spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.10,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...