0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>The to-do list is done. You can now finally go and take a break. Just as you reach to turn off the desk lamp, the paw of the boss stops you. He has another little thing he wants you to do.</p>
1
<p>The to-do list is done. You can now finally go and take a break. Just as you reach to turn off the desk lamp, the paw of the boss stops you. He has another little thing he wants you to do.</p>
2
<blockquote><p>Meow! You need to program an instant messaging app. It must have the following functionality:</p>
2
<blockquote><p>Meow! You need to program an instant messaging app. It must have the following functionality:</p>
3
<ul><li>The message template is in the template tag with the message-template ID.</li>
3
<ul><li>The message template is in the template tag with the message-template ID.</li>
4
<li>The new message is added to the end of the container with the chat-content class.</li>
4
<li>The new message is added to the end of the container with the chat-content class.</li>
5
<li>To add a new message, you need to enter text in the input field (an element with the chat-form-input class) and click the “Submit” button (which sends data from the form with the chat-form class).</li>
5
<li>To add a new message, you need to enter text in the input field (an element with the chat-form-input class) and click the “Submit” button (which sends data from the form with the chat-form class).</li>
6
<li>The message block (with the chat-message class) must contain the message text, a delete button, and a username.</li>
6
<li>The message block (with the chat-message class) must contain the message text, a delete button, and a username.</li>
7
<li>To delete the message, you need to click the cross button (an element with the chat-message-button class). This button appears when you hover the mouse over a message.</li>
7
<li>To delete the message, you need to click the cross button (an element with the chat-message-button class). This button appears when you hover the mouse over a message.</li>
8
</ul><p>If you can complete this assignment, then I will let you take a vacation!</p>
8
</ul><p>If you can complete this assignment, then I will let you take a vacation!</p>
9
</blockquote><p>When you are ready, press the Boss, here’s your program! button. Tests will be launched that verify your solution.</p>
9
</blockquote><p>When you are ready, press the Boss, here’s your program! button. Tests will be launched that verify your solution.</p>