Notes

Hi, I'm Punnu, and I completed the logic gates page of last weeks assignment. I did all of my scripting and styling of the page on one html doc, starting out with just plain text, indented right a little. This is just some info that will help you understand the input and output system.

First are the actual inputs themselves. I implemented these as checkboxes, unchecked being equivalent to 0, and checked being equivalent to 1.

Then, the actual running code, the java script itself. First, i declare my function, and set variables input1 and 2 equal to their checked versions. Then, I set 8 more variables equal to their respective logic evaluations, using the variables input 1 and 2 to execute them. For XOR and XNOR, JavaScript does not have built in logic gates, so I had to make these longer logical operators. I'm not entirely sure *why* it works, but I'll get to that later. After that, I assign the value of of each gate's output as text to be used later in the html portion of this file.

Here's the table that makes everything look neat and organized. I made two table headers, which state the gate and its output. I used cropped images of the big image from the padlet to create a separate image for each gate. The output column includes several textarea elements; of which the id are named after the gate's output, with _text appended to make it clearer that there should be text there. These are what the above function assigns the output of each gate.

And that is all! At the bottom are just some closing tags to close off everything