title: Something similar to an if/elseif statement, in JavaScript to edit the HTML and CSS
body: <p>Pretty new programmer here, working on a small website project for school.</p>
  
  <p>I managed, with help, to get the themes (top left corner) to work, but it only changes the color of the background so far, and I want it to change for example colors of borders around the buttons on the page, and edit classes in css in general. </p>
  
  <p>Is there any way to do this? This is the current solution, and as you see, there is no way to make for example the background gray and the borders of buttons blue at once, with one <code>&lt;option&gt;</code></p>
  
  <pre><code>    &lt;select id="select" onchange="javascript:changeColor(this);"&gt;
          &lt;option disabled hidden&gt;Theme&lt;/option&gt;
          &lt;optgroup label="Themes"&gt;&lt;/optgroup&gt;
          &lt;option value="white"&gt;Light&lt;/option&gt;
          &lt;option value="#222222"&gt;Dark&lt;/option&gt;
          &lt;option value="red"&gt;Red&lt;/option&gt;
      &lt;/select&gt;
  
  var theme = window.localStorage.theme;
  changeColor.value = theme;
  changeColor();
  function changeColor(el) {
      if (el) theme = window.localStorage.theme = el.value;
      document.body.style.background = theme;
  }
  </code></pre>
  
  <p>What I need is something like: <code>If (option == light) { .button border-color: #222, .textbutton color: orange;</code>.</p>