HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-03-09
1 <blockquote><p>Meow! I have a hypothesis: if you create a convenient signup form, then visitors will sign up for accounts more often. We need to check it.</p>
1 <blockquote><p>Meow! I have a hypothesis: if you create a convenient signup form, then visitors will sign up for accounts more often. We need to check it.</p>
2 </blockquote><p>Muffin has assigned us a new task. We need to make improvements to the signup page on the news site. The page has fields for entering a username and password as well as a “Sign up” button. Muffin wants to give users the option of seeing the password they enter in the password field. We also need to program a password complexity scale that will tell users when they should could up with a more complicated password that will be harder for others to guess.</p>
2 </blockquote><p>Muffin has assigned us a new task. We need to make improvements to the signup page on the news site. The page has fields for entering a username and password as well as a “Sign up” button. Muffin wants to give users the option of seeing the password they enter in the password field. We also need to program a password complexity scale that will tell users when they should could up with a more complicated password that will be harder for others to guess.</p>
3 <p>Let’s start with showing the contents of the password field. A special password-type field is used to enter the password:</p>
3 <p>Let’s start with showing the contents of the password field. A special password-type field is used to enter the password:</p>
4 &lt;input class="password" type="password" required&gt;<p>One special property of this field is that the entered text is masked. Usually browsers use asterisks or circles to mask the text.</p>
4 &lt;input class="password" type="password" required&gt;<p>One special property of this field is that the entered text is masked. Usually browsers use asterisks or circles to mask the text.</p>
5 <p>The password is masked so that other people can’t snoop on it. However, it can also make it harder for the users typing the password, since they can make a mistake and not notice it. If a user is sure that there is no one else around snooping on them, they should be given the option of seeing the password.</p>
5 <p>The password is masked so that other people can’t snoop on it. However, it can also make it harder for the users typing the password, since they can make a mistake and not notice it. If a user is sure that there is no one else around snooping on them, they should be given the option of seeing the password.</p>
6 <p>To show the password, the password input field can be turned into a regular text input field. To do this, you should change its type to text. The type property in JavaScript is used to assign types. To change the input field type, you need to write a new value to the type property.</p>
6 <p>To show the password, the password input field can be turned into a regular text input field. To do this, you should change its type to text. The type property in JavaScript is used to assign types. To change the input field type, you need to write a new value to the type property.</p>
7 let input = document.querySelector('input'); // Create the input field for entering text input.type = 'text';<p>The password input field has the password class. Find it, write it to a variable, and make it a regular text field.</p>
7 let input = document.querySelector('input'); // Create the input field for entering text input.type = 'text';<p>The password input field has the password class. Find it, write it to a variable, and make it a regular text field.</p>