For consistency, the value for the “for” attribute in the label tag should be consistent with the value for the “id” attribute. Currently you have it written as, <label for="happiness"> <input id="Happiness" type="checkbox" name"personality">Happiness</label>.
It should be <label for="happiness"> <input id="happiness" type="checkbox" name"personality">Happiness</label>.
I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make easier to read.
See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.