Counter Button


Description : It is a javascript based button counter. In this we declare global variable counter which counts the button clicks. The updated counter value is displayed as a text in heading.

Example:

0





Html Code
 <!DOCTYPE html>  
 <html>  
 <head>  
 <title>Counter Button</title>  
 <script>  
 var counter = 0;  
 function countBtnClicks() {  
  counter = counter + 1;  
   document.getElementById("txtBtnCount").innerHTML = counter;  
 }  
 </script>  
 </head>  
 <body>  
 <h2 id="txtBtnCount">0</h2>  
 <button onclick="countBtnClicks()">Counter Button</button>  
 </body>  
 </html>

Comments

Post a Comment

Popular posts from this blog

File handling

Image
Learn file handling in android apps. MainActivity.java package com.example.ashish.filehandleing; import android.app.AlertDialog; import android.app.Dialog; import android.content.Context; import android.content.DialogInterface; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; import android.view.View; import android.widget.EditText; import android.widget.TextView; import android.widget.Toast; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.OutputStreamWriter; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.menu_main...
Read more

Steps to create Android Virtual device

Image
To run your app you need virtual android device . Select  AVD Manager  from  upper options. (forth from last icons). A new window with the title  "Your Virtual Devices" prompt on your desktop. Click on  "Create Virtual Device"  Button. Select  "Nexus 5X"  phone. Click  "Next"  button below. Click  "Next"  button . Set  AVD Name : Android Device (It is your device's name). Now finally click on  "Finish"  button. Select Run->'Run app' or shift+F10. Select  "Android Device "  (Android virtual device which you already created) to run app. Click on  "OK"  button. Your device takes 2-3 minutes to run. Find your app with the name  "XYZ"  from  device. Run it by clicking on it. Congratulations you developed your first Hello World app which is running successfully on android device. Please  write any help and suggestions in comment box to improve  andro...
Read more

how to create image scaling animation in android apps

Image
Learn how to create image scaling animation in android studio.It uses Animation class. You can use this in any app to make your app attractive and beautiful. MainActivity.java package com.singh.jassi.myanimation; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.view.animation.Animation; import android.view.animation.AnimationUtils; import android.widget.Button; import android.widget.ImageView; public class MainActivity extends AppCompatActivity { ImageView imageView; Button b1; Animation animation; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); imageView=(ImageView)findViewById(R.id.imageView); b1=(Button)findViewById(R.id.button); imageView.setImageResource(R.drawable.myimage); animation= AnimationUtils.loadAnimation(getAppl...
Read more