What's wrong with that Arduino wining?

Sbstyn — Wed, 18 Nov 2020 16:09:39 +0000

I am making a sensor that can sense 3 buttons separately, I wanted to print the number of the button I am pushing to the Serial Monitor, but I did something wrong wiring my Arduino. Here is my code (I think there's nothing wrong with that part of the project):

int LedPin = 12;
int buttonPin = 2;
int buttonPin2 = 3;
int buttonPin3 = 4;
//int buttonPin4 = 5;

int buttonState = 0;
int buttonState2 = 0;
int buttonState3 = 0;
//int buttonState4 = 0;

void setup() 
{
  Serial.begin(9600);
  pinMode(LedPin, OUTPUT);
  pinMode(buttonPin, INPUT);
  pinMode(buttonPin2, INPUT);
  pinMode(buttonPin3, INPUT);
  //pinMode(buttonPin4, INPUT);
}
void loop() 
{
  buttonState = digitalRead(buttonPin);
  buttonState2 = digitalRead(buttonPin2);
  buttonState3 = digitalRead(buttonPin3);
  //buttonState4 = digitalRead(buttonPin4);

  Serial.print(buttonState);
  Serial.print(buttonState2);
  Serial.println(buttonState3);

  //delay(1000);

  if (buttonState == HIGH) {
    //Serial.println("1");
    digitalWrite(LedPin, HIGH);
  } else {
    digitalWrite(LedPin, LOW);
  }

  if (buttonState2 == HIGH) {
    //Serial.println("2");
    digitalWrite(LedPin, HIGH);
  } else {
    digitalWrite(LedPin, LOW);
  }

  if (buttonState3 == HIGH) {
    //Serial.println("3");
    digitalWrite(LedPin, HIGH);
  } else {
    digitalWrite(LedPin, LOW);
  }

  /*if (buttonState4 == HIGH) {
    Serial.println("4");
    digitalWrite(Pin, HIGH);
  } else {
    digitalWrite(Pin, LOW);
  }*/
}

Problem:

And some pictures with Serial output (when I press any button it outputs 111, if I don't press anything it writes 000)

DEV logo with HTML and CSS

Sbstyn — Tue, 22 Sep 2020 17:41:13 +0000

Hey! I am going to show you how to make a simple CSS - HTML (mostly CSS) logo.

First, simply make an HTML file with this code in it:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>DEV logo</title>
</head>
<body>
    <main>
        <p>DEV</p>
    </main>
</body>
</html>

Here we will just get "DEV" printed out on our webpage.

Next, we have to make a file called style.css (we linked "style.css" before) and add some properties to form the text.

First, we have to remove all automatically added margins, because it can scramble our code:

*{
    margin: 0;
}

Now we can work on the text itself, we have to make it thick with the font-weight operator, make the text bigger with the font-size operator and I found a font family that's similar to the DEV logo's style, so we can add that as well:

p{
    font-family: 'Trebuchet MS';
    font-weight: 900;
    font-size: 50px;
}

After that, we can put a rounded box around the text with the following code:

p{
    border: 5px solid black;
    border-radius: 10px;
    background-color: black;
    color: white;
}

And in the end we can put the logo in the middle of the screen:

body {
    text-align: center;
}
main{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
}

So the whole style.css would look like this:

*{
    margin: 0;
}
body {
    text-align: center;
}
main{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
}
p {
    font-family: 'Trebuchet MS';
    font-weight: 900;
    font-size: 50px;
    padding: 21px 5px;
    border: 5px solid black;
    border-radius: 10px;
    background-color: black;
    color: white;
}

And here is the finished DEV logo:

DEV Community: Sbstyn

What's wrong with that Arduino wining?

DEV logo with HTML and CSS