Megoldás forráskódja

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <title>Equalizer</title>
      <meta name="author" content="Tóth Péter" />
      <meta name="copyright" content="© 2012, NYME SEK" />
      <meta http-equiv="date" content="2012-10-12" />
      <meta name="revised" content="Tóth Péter, 12/10/2012" />
      <meta name="description" content="HTML5 - Equalizer" />
      <meta http-equiv="content-language" content="hu" />
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
      <style type="text/css">
         input{
            width:50px;
            }
         meter{
            width:200px;
            margin-left:5px;
            }
      </style>
   </head>
   <body>
      <div><input type="number" min="0" max="100" value="88" onchange="document.getElementById('idMeter1').value=this.value;"/><meter id="idMeter1" min="0" max="100" value="88"></meter></div>
      <div><input type="number" min="0" max="100" value="77" onchange="document.getElementById('idMeter2').value=this.value;"/><meter id="idMeter2" min="0" max="100" value="77"></meter></div>
      <div><input type="number" min="0" max="100" value="55" onchange="document.getElementById('idMeter3').value=this.value;"/><meter id="idMeter3" min="0" max="100" value="55"></meter></div>
      <div><input type="number" min="0" max="100" value="33" onchange="document.getElementById('idMeter4').value=this.value;"/><meter id="idMeter4" min="0" max="100" value="33"></meter></div>
      <div><input type="number" min="0" max="100" value="40" onchange="document.getElementById('idMeter5').value=this.value;"/><meter id="idMeter5" min="0" max="100" value="40"></meter></div>
      <div><input type="number" min="0" max="100" value="45" onchange="document.getElementById('idMeter6').value=this.value;"/><meter id="idMeter6" min="0" max="100" value="45"></meter></div>
      <div><input type="number" min="0" max="100" value="70" onchange="document.getElementById('idMeter7').value=this.value;"/><meter id="idMeter7" min="0" max="100" value="70"></meter></div>
   </body>
</html>