Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>getDigital.de</title>
    <style type="text/css">
      .schwarz {
        color: black;
        heat: 350K;
      }
      .blond {
        color: brown;
        heat: 330K;
      }
      .blond {
        taste: sweet;
      }
    </style>
  </head>
  <body>
    <div id="kaffee" class="schwarz"></div>
    <input type="button" value="Blond"
      onclick="document.getElementById(kaffee).addClass(schwarz);
               document.getElementById(kaffee).addClass(blond);" />
    <input type="button" value="Süß"
      onclick="document.getElementById(kaffee).addClass(suess);" />
  </body>
</html>