Notenpunkte berechnen (mit CSS)


Notenpunkte



    1: <html>
    2: <head>
    3: <title>Notenpunkte</title>
    4: <meta name="author" content="Kay-Uwe Jagemann">
    5:
    6: <style type="text/css">
    7: form {
    8:     margin:10px;
    9:     padding:10px;
   10:     width:380px;
   11:     background-color:#e4e4e4;
   12: }
   13:
   14: legend {
   15:         padding:3px;
   16:         margin-bottom:10px;
   17:         font-size:150%;
   18:         background-color:#ffffff;
   19:         border:1px solid #369;
   20:         color: #369;
   21:         width:auto;
   22: }
   23:
   24: fieldset {
   25:         margin:10px;
   26:         border:1px solid #369;
   27: }
   28:
   29: label {
   30:         float:left;
   31:         width:200px;
   32:         margin-left:10px;
   33:         color: #336699;
   34:         font-weight: bold;
   35:         font-size: 100%;
   36: }
   37:
   38: input {
   39:     width: 120px;
   40:     margin-bottom: 1em;
   41:     font-size: 100%;
   42:     color: #369;
   43:     text-align:right;
   44:     background-color:white;
   45: }
   46:
   47: select {
   48:     font-size:100%;
   49:     color: #369;
   50:     width: 120px;
   51: }
   52:
   53: button {
   54:     color: #369;
   55:     font-weight: bold;
   56:     font-size: 100%;
   57:     width:160px;
   58:     padding:3px;
   59: }
   60: </style>
   61:
   62: <script type="text/javascript">
   63: function berechne_notenpunkte () {
   64:
   65:     BE_erreichbar = document.notenpunkte.BE_erreichbar.value;
   66:     BE_erreicht = document.notenpunkte.BE_erreicht.value;
   67:
   68:     prozent = BE_erreicht / BE_erreichbar * 100;
   69:     if (prozent<20)  notenpunkte =  0;
   70:         if (prozent>=20) notenpunkte =  1;
   71:     if (prozent>=27) notenpunkte =  2;  
   72:         if (prozent>=34) notenpunkte =  3;
   73:         if (prozent>=41) notenpunkte =  4;
   74:         if (prozent>=46) notenpunkte =  5;
   75:         if (prozent>=51) notenpunkte =  6;
   76:         if (prozent>=56) notenpunkte =  7;
   77:         if (prozent>=61) notenpunkte =  8;
   78:         if (prozent>=66) notenpunkte =  9;
   79:         if (prozent>=71) notenpunkte = 10;
   80:         if (prozent>=76) notenpunkte = 11;
   81:         if (prozent>=81) notenpunkte = 12;
   82:         if (prozent>=86) notenpunkte = 13;
   83:         if (prozent>=91) notenpunkte = 14;
   84:         if (prozent>=96) notenpunkte = 15;
   85:        
   86:         schreibe_notenpunkte(prozent, notenpunkte);
   87: }
   88:
   89: function schreibe_notenpunkte (prozent, notenpunkte) {
   90:     prozent_gerundet = Math.round(prozent*100)/100;
   91:     document.notenpunkte.prozente.value = prozent_gerundet;
   92:     document.notenpunkte.notenpunkte.value = notenpunkte;
   93: }
   94: </script>
   95: </head>
   96: <body>
   97: <form name="notenpunkte" action="">
   98:     <fieldset>
   99:     <legend>Notenpunkte</legend>
  100:     <label for="BE_erreichbar">Erreichbare BE</label>
  101:     <input type="text" name="BE_erreichbar" value="50">
  102:     <label for="BE_erreicht">Erreichte BE</label>  
  103:     <input type="text" name="BE_erreicht" value="42">
  104:    
  105:     <div align="center">
  106:     <input type="button" value="Berechnen" onclick="berechne_notenpunkte()">
  107:     </div>
  108:
  109:     <label for="prozente">Prozente</label>
  110:     <input type="text" name="prozente" readonly="readonly">
  111:     <label for="notenpunkte">Notenpunkte</label>
  112:     <input type="text" name="notenpunkte" readonly="readonly">
  113:     </fieldset>
  114: </form>
  115: </body>
  116: </html>
  117:
  118:

Schule macht Spaß