0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>Cats also have an appreciation for the beautiful. For example, Muffin has a real flair for painting. And he would be particularly grateful if his favorite developer (that’s you!) programmed a small graphics editor for him.</p>
1
<p>Cats also have an appreciation for the beautiful. For example, Muffin has a real flair for painting. And he would be particularly grateful if his favorite developer (that’s you!) programmed a small graphics editor for him.</p>
2
<p>This is how it should work. The canvas where you paint consists of “pixels”, which are actually just empty monospaced<a>div elements</a>. When the user clicks on a “pixel”, it should be filled with a particular color. The color can be selected from the dropdown list next to the canvas. There is also an eraser tool. If the user selects this tool, then the “pixel” that is clicked is filled with white.</p>
2
<p>This is how it should work. The canvas where you paint consists of “pixels”, which are actually just empty monospaced<a>div elements</a>. When the user clicks on a “pixel”, it should be filled with a particular color. The color can be selected from the dropdown list next to the canvas. There is also an eraser tool. If the user selects this tool, then the “pixel” that is clicked is filled with white.</p>
3
<ol><li>All of the “pixels” have the pixel class.</li>
3
<ol><li>All of the “pixels” have the pixel class.</li>
4
<li>The dropdown list with the colors has the chosen-color class.</li>
4
<li>The dropdown list with the colors has the chosen-color class.</li>
5
<li>The eraser has a checkbox with the eraser class.</li>
5
<li>The eraser has a checkbox with the eraser class.</li>
6
<li>When you click on a “pixel”, its background color should be changed.</li>
6
<li>When you click on a “pixel”, its background color should be changed.</li>
7
<li>If the eraser is turned off when the mouse is clicked, the background of the clicked “pixel” should become the color that has been selected from the list.</li>
7
<li>If the eraser is turned off when the mouse is clicked, the background of the clicked “pixel” should become the color that has been selected from the list.</li>
8
<li>If the erased is turned on when the mouse is clicked, then then the background of the clicked “pixel” should change to 'white'.</li>
8
<li>If the erased is turned on when the mouse is clicked, then then the background of the clicked “pixel” should change to 'white'.</li>
9
</ol>
9
</ol>