Home
Tutorials
Ads by ArduinoGetStarted.com

# Arduino - Button Toggle LED

In a previous tutorial, We have learned how to turn on the LED if the button is pressed, and turn off LED if the button is released. In this tutorial, We are going to learn how to toggle LED each time button is pressed.

The tutorial includes two main parts:

- Button toggles LED without debouncing.
- Button toggles LED with debouncing.

## Hardware Required

1 | × | Arduino UNO or Genuino UNO |
1 | × | USB 2.0 cable type A/B |
1 | × | Button |
1 | × | LED |
1 | × | 220 ohm resistor |
1 | × | Breadboard |
1 | × | Jumper Wires |
1 | × | (Optional) 9V Power Adapter for Arduino |

Please note: These are affiliate links. If you buy the components through these links, We may get a commission at no extra cost to you. We appreciate it.

## About LED and Button

If you do not know about LED and button (pinout, how it works, how to program ...), learn about them in the following tutorials:

- Arduino - LED tutorial
- Arduino - Button tutorial

## Wiring Diagram

This image is created using Fritzing. Click to enlarge image

##
Arduino Code - Button Toggles LED Without Debouncing


/* * Created by ArduinoGetStarted.com * * This example code is in the public domain * * Tutorial page: https://arduinogetstarted.com/tutorials/arduino-button-toggle-led */ // constants won't change const int BUTTON_PIN = 7; // Arduino pin connected to button's pin const int LED_PIN = 3; // Arduino pin connected to LED's pin // variables will change: int ledState = LOW; // the current state of LED int lastButtonState; // the previous state of button int currentButtonState; // the current state of button void setup() { Serial.begin(9600); // initialize serial pinMode(BUTTON_PIN, INPUT_PULLUP); // set arduino pin to input pull-up mode pinMode(LED_PIN, OUTPUT); // set arduino pin to output mode currentButtonState = digitalRead(BUTTON_PIN); } void loop() { lastButtonState = currentButtonState; // save the last state currentButtonState = digitalRead(BUTTON_PIN); // read new state if(lastButtonState == HIGH && currentButtonState == LOW) { Serial.println("The button is pressed"); // toggle state of LED ledState = !ledState; // control LED arccoding to the toggled state digitalWrite(LED_PIN, ledState); } }

### Quick Steps

- Connect Arduino to PC via USB cable
- Open Arduino IDE, select the right board and port
- Copy the above code and open with Arduino IDE
- Click Upload button on Arduino IDE to upload code to Arduino
- Keep pressing the button several seconds and then release it.
- See the change of LED's state

### Code Explanation

Read the line-by-line explanation in comment lines of code!

In the code, ledState = !ledState is equivalent to the following code:


if(ledState == LOW) ledState = HIGH; else ledState = LOW;

※ NOTE THAT:

In practice, the above code does not work correctly sometimes. To make it always work correctly, we need to debounce for the button. Debouncing for the button is not easy for beginners. Fortunately, thanks to the ezButton library, We can do it easily.

##
Arduino Code - Button Toggles LED With Debouncing

Why do we need debouncing? ⇒ see Arduino - Button Debounce tutorial


/* * Created by ArduinoGetStarted.com * * This example code is in the public domain * * Tutorial page: https://arduinogetstarted.com/tutorials/arduino-button-toggle-led */ #include <ezButton.h> /// constants won't change const int BUTTON_PIN = 7; // the number of the pushbutton pin const int LED_PIN = 3; // the number of the LED pin ezButton button(BUTTON_PIN); // create ezButton object that attach to pin 7; // variables will change: int ledState = LOW; // the current state of LED void setup() { Serial.begin(9600); // initialize serial pinMode(LED_PIN, OUTPUT); // set arduino pin to output mode button.setDebounceTime(50); // set debounce time to 50 milliseconds } void loop() { button.loop(); // MUST call the loop() function first if(button.isPressed()) { Serial.println("The button is pressed"); // toggle state of LED ledState = !ledState; // control LED arccoding to the toggleed sate digitalWrite(LED_PIN, ledState); } }

### Quick Steps

- Install ezButton library. See How To
- Copy the above code and open with Arduino IDE
- Click Upload button on Arduino IDE to upload code to Arduino
- Press button several times
- See the change of LED's state

## Video Tutorial

We are considering to make the video tutorials. If you think the video tutorials are essential, please subscribe to our YouTube channel to give us motivation for making the videos.

## Button and LED on Commercial Products

Most electronic products have a reset button. Additionally, the button also keeps other functionalities in many products.

- Ring Video Doorbell with HD Video
- Amazon Smart Speaker - Echo Dot
- USB Hub 3.0
- TP-Link AC1750 Smart WiFi Router - Dual Band Gigabit Wireless Internet Routers
- Gaming Keyboard and Mouse

## The Best Arduino Starter Kit

- See the best Arduino kit for beginner

## See Also

- Arduino - Button
- Arduino - Button - Debounce
- Arduino - Button - Long Press Short Press
- Arduino - Switch
- Arduino - Limit Switch
- Arduino - Button - LED
- Arduino - Button - Relay
- Arduino - Button Toggle Relay
- Arduino - Button - Piezo Buzzer
- Arduino - Button - Servo Motor
- Arduino - Button Count - OLED
- Arduino - Button Count - LCD
- Arduino - Button Controls Electromagnetic Lock

※ OUR MESSAGES

- We are AVAILABLE for HIRE. See how to hire us to build your project
- If this tutorial is useful for you, please give us motivation to make more tutorials.
- You can share the link of this tutorial anywhere. Howerver, please do not copy the content to share on other websites. We took a lot of time and effort to create the content of this tutorial, please respect our work!

Follow Us
Share with your friends!
PREVIOUS
NEXT
Ads by ArduinoGetStarted.com

TABLE OF CONTENTS

- Hardware Required
- About LED and Button
- Wiring Diagram
- Arduino Code - Button Toggles LED Without Debouncing
- Arduino Code - Button Toggles LED With Debouncing
- Video
- Button and LED on Commercial Products
- The Best Arduino Starter Kit
- See Also

report this ad
×