Unsigned Addition

[rebecca-123]

• [x] Unsigned Addition Link

Frontend

• [x] Create page for unsigned addition
• [x] Layout page with light bulbs to represent binary numbers
  • [x] one row for 8 bulbs
  • [x] second row for 8 bulbs
  • [x] third row for 16 bulbs (sum of first two rows)
• [x] Create buttons to turn on lightbulbs

Backend

• [x] Program function to add two binary numbers

[rebecca-123]

Commits

1. Link
2. Link
3. Link
4. Link
5. Link
6. Link
7. Link

[rebecca-123]

Challenges/Things I Learned:

• Had a problem with the sum because it was giving me 16+16=1616, realized this was because the innerHTML value was a string (the two strings for row 1 and row 2 were being combined)
  • I used parseInt to convert the innerHTML to integers, which then allowed me to sum the two values of row 1 and row 2
• Used JavaScript charAt method to determine a specific digit of the sum at a given index
• Bulbs and values of third row were showing up at the wrong index because there are 16 bulbs
  • ex. the value 16 would have 3 off bulbs starting on the left, 1 on, and the 12 to the right were off
  • I fixed this by determining the correct index that corresponds to the binary sum when the length is less than 16
  • (16-(binary_sum.length) + i)

[rebecca-123]

Future Changes

• [ ] shorten page (so there's no scrolling to see 3rd row)
  • change Turn on/off button to 0/1, remove boxes below lightbulbs