title: How to style (this) input element with javascript when in focus
body: <p>I want to change the color of the input element that is in focus.
  I've tried with this but it doesn't seem to be working.</p>
  
  <h3>HTML</h3>
  
  <pre><code>&lt;li&gt;
     &lt;input id="text1" onfocusout="removeColor()"onfocus="changeColor()" class="slut" value="{{Number}}"&gt;
  &lt;/li&gt;
  &lt;li&gt;
      &lt;input id="text1" onfocusout="removeColor()"onfocus="changeColor()" class="slut" value="{{Priority}}"&gt;
  &lt;/li&gt;
  </code></pre>
  
  <h3>JS</h3>
  
  <pre class="lang-js prettyprint-override"><code>function changeColor() {
      $(this).style.backgroundColor = "red";
  };
  function removeColor() {
      $(this).style.backgroundColor = "white";
  };
  </code></pre>