Arduino - Button - LED

We are going to learn how to:

We will learn how to toggle LED each time button is pressed in Arduino - Button Toggles LED tutorial.

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
4×Jumper Wires
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.
Or you can order electronic components from utsource.net

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:

Wiring Diagram

Arduino Button LED Wiring Diagram

Image is developed using Fritzing. Click to enlarge image

Arduino Code

/* * Created by ArduinoGetStarted.com * * This example code is in the public domain * * Tutorial page: https://arduinogetstarted.com/tutorials/arduino-button-led */ // constants won't change. They're used here to set pin numbers: const int BUTTON_PIN = 7; // the number of the pushbutton pin const int LED_PIN = 3; // the number of the LED pin // variables will change: int buttonState = 0; // variable for reading the pushbutton status void setup() { // initialize the LED pin as an output: pinMode(LED_PIN, OUTPUT); // initialize the pushbutton pin as an pull-up input: // the pull-up input pin will be HIGH when the switch is open and LOW when the switch is closed. pinMode(BUTTON_PIN, INPUT_PULLUP); } void loop() { // read the state of the pushbutton value: buttonState = digitalRead(BUTTON_PIN); // control LED according to the state of button if(buttonState == LOW) // If button is pressing digitalWrite(LED_PIN, HIGH); // turn on LED else // otherwise, button is not pressing digitalWrite(LED_PIN, LOW); // turn off LED }

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
  • Arduino IDE Upload Code
  • Press and keep pressing the button several seconds
  • See the change of LED's state

Code Explanation

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

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

Comments

If you have any questions or suggestions, please comment on our YouTube channel

If this tutorial is useful for you, please support our works