How to repeat the onclick event?

advertisements

In the following code, why doesn't it change the color of the ball back to red if I click on it again?

<!DOCTYPE html>
<html>
<body>

<script>
function farbe1(){
    var stern_style = document.getElementById('kugel1').style;
    var click;

   if(click != 0){
    stern_style.setProperty('fill','#F57200');
    click = 0;
    }
    else if(click == 0){
    stern_style.setProperty('fill','red');
    click = 1;
   }}

</script>

<svg height="2000" width="2000">

<circle id="kugel1" cx="1050" cy="500" r="50" style="fill:red;" onclick="farbe1()" />

</svg>

</body>
</html>

I am (as you can probably see) a beginner and would appreciate some help.

because your flag get reset when you recall, move it out of function:

var click=0;
function farbe1(){

   var stern_style = document.getElementById('kugel1').style;    

   if(click != 0){
      stern_style.setProperty('fill','#F57200');
      click = 0;
    }
    else if(click == 0){
      stern_style.setProperty('fill','red');
      click = 1;
    }
}

Related Articles

asp: LinkButton, how to cancel the OnClick event?

I have searched for hours, but I am lost. Is there any way to Cancel a OnClick() event from an asp:LinkButton command? I have the following client side code: <asp:LinkButton ID="LinkButton3" runat="server" CausesValidation="Fal

How to use the onclick event in a list (jqueryui-selectable)?

I created a simple script with jqueryui-selectable list. I generate a selectable list and assign each list with an onclick function. It seems that the onclick event was not triggered when I clicked the list. Any idea to solve this problem? Thanks, my

How to handle the onClick event on imageSpan in editText?

i am working on an app in which user choose an image from gallery and it will be added in editText, now i want if user click on image in editText it should open in fullScreen, i used below code :- public void addToEdt(Bitmap bitmap){ SpannableString

How to pass the onClick event to your parent on Android?

I have a TextView in a layout whos background is a Selector. And the TextView's text is set to Spanned from HTML. Then I set the TextView with the LinkMovementMethod. Now when I tap on the TextView, the click event is not sent to its parent layout to

How to catch the onclick event in Fragment

I have many buttons declared in an xml layout file, and use this layout for a fragment. button android:id="@+id/button1" android:onClick="onClickButton"/> button android:id="@+id/button2" android:onClick="onClickButto

How to use the onClick event on react Link component?

I am using the Link component from the reactjs router and I cannot get the onClickevent working. This is the code: <Link to={this.props.myroute} onClick='hello()'>Here</Link> Is this the way to do it or another way?You are passing hello() as a