title: How to check current value of boolean HTML attributes in JavaScript?
body: <p>Specifically "checked" for a checkbox element. If I include checked, it's true, if I don't, it's false. </p>
  
  <p>If I include it and check <code>elem.attributes</code>, it will give me an object that includes a property called checked, which has a value of "checked" (like so <code>{checked: checked}</code>. If it's not included, there's no checked property.</p>
  
  <p>However, if I look at elem.checked, it will always say true or false. Where can I see that value in the console without specifically doing elem.checked? Where can I see it in a list of properties?</p>
  
  <p>If I do <code>Object.getPrototypeOf(elem)</code>, it says checked: (...). If I clicked the ellipsis it says </p>
  
  <blockquote>
    <p>"[Exception: TypeError: Illegal invocation at
    HTMLInputElement.invokeGetter (:2:14)]"</p>
  </blockquote>
  
  <p>EDIT: I got this far:</p>
  
  <p><a href="https://i.stack.imgur.com/9gIJU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9gIJU.png" alt="enter image description here"></a></p>