Ask coding questions

← Back to all posts
1
JavaScript Calculator
cesairetalom (0)

I'm currently trying to build a calculator project using HTML, CSS, and JavaScript. I'm using a video (link: https://www.youtube.com/watch?v=6v4vBXL-qkY&t=1430s) to follow along. I finished the HTML and CSS sections but for some reason, the console doesn't show the entire CSS output. I looked through my CSS code for any mistakes multiple times but it looks like I followed everything as was in the video. I was wondering if I could receive any help on the CSS, I genuinely don't understand what the errors are. with the CSS.

Commentshotnewtop
1
JustARatherRidi (185)

Hey, what makes you think there's an error in your CSS?

1
cesairetalom (0)

@JustARatherRidi Thanks for replying. I actually already got help from someone else. Apparently, for all this:

<div id="calc-btn calc-btn-num column" id="calc-one">1</div> <div id="calc-btn calc-btn-num column" id="calc-two">2</div> <div id="calc-btn calc-btn-num column" id="calc-three">3</div> <div id="calc-btn calc-btn-operator column" id="calc-plus">+</div> </div>

I had to change "div id" to "div class" as an id shouldn't be used for two of the same elements. It ended up working and I got the entire calculator to show up. Thanks anyway.

1
JustARatherRidi (185)

@cesairetalom Nice, glad you could get it fixed! ^^