Calorie Calculator /js/calcfood.js

    document.write('<table style="width:100%">');
// TIME EATEN
    document.write('<tr><td style="width:30%"><fieldset class="fibl"><legend>Eating time:</legend>');
    document.write('<select id="eath" onchange="eattime(\'eath\')" class="fiel" style="text-align:center; background-color:#ffe8e9">');
    writeh('#ffe8e9');
    document.write('</select> H.  ');
    document.write('<select id="eatm" onchange="eattime(\'eatm\')" class="fiel" style="text-align:center; background-color:#ffe8e9">');
    writem('#ffe8e9');
    document.write('</select> M.');
    document.write('</fieldset></td>');
// END TIME EATEN
// FOOD AMOUNTS
    document.write('<td colspan="2" style="width:70%"><fieldset class="fibl"><legend>Food Amounts:</legend>');
    document.write('<input type="text" id="aantal" value="1" class="tees" onchange="aantal()" style="width:3em; text-align:center; background-color:#ffe8e9"><span style="position:relative; left:0.5em">(=)</span> ');
    document.write('<input type="text" id="measure" value="" class="tees"  onchange="grammen()"style="width:5em; text-align:center; background-color:#ffe8e9; position:relative; left:1.5em"> ');
   document.write('<input type="button" id="common" class="fiel" onclick="gram()" onmouseover="but(\'common\',\'#e9ffe8\',\'navy\')" onmouseout="but(\'common\',\'#ffe8e9\',\'navy\')" style="position:relative; width:6em; left:2em ;background-color:#ffe8e9" value="gram">');
   document.write('<span style="position:relative; left:2em"> = </span><input type="text" id="KJ" value="" class="tees" style="width:7em; text-align:center; background-color:#ffe8e9; position:relative; left:3.5em"> ');
   document.write('<input type="button" id="KaJo" class="fiel" onclick="kilju()" onmouseover="but(\'KaJo\',\'#e9ffe8\',\'navy\')" onmouseout="but(\'KaJo\',\'#ffe8e9\',\'navy\')" style="position:relative; width:6em; left:4em ;background-color:#ffe8e9" value="Kcal">');
    document.write('</fieldset></td></tr>');
// END FOOD AMOUNTS
// TOTALS AND BUTTONS
    document.write('<tr><td style="width:30%"><input type="button" id="resetA" class="fiel" onclick="clr()" onmouseover="but(\'resetA\',\'#e9ffe8\',\'navy\')" onmouseout="but(\'resetA\',\'#ffe8e9\',\'navy\')" style="width:10em; background-color:#ffe8e9" value="Reset Food"></td>');
    document.write('<td style="width:35%"><input type="button" id="submit" class="fiel" onclick="foodadd()" onmouseover="but(\'submit\',\'#e9ffe8\',\'navy\')" onmouseout="but(\'submit\',\'#ffe8e9\',\'navy\')" style="background-color:#ffe8e9" value="Add">');
    document.write('<input type="button" id="resetL" class="fiel" onclick="popFood()" onmouseover="but(\'resetL\',\'#e9ffe8\',\'navy\')" onmouseout="but(\'resetL\',\'#ffe8e9\',\'navy\')" style="background-color:#ffe8e9" value="Undo Last"></td>');
    document.write('<td style="width:35%"><fieldset class="fibl"><legend>Total energy intake:</legend><textarea rows="1" id="totalKJ" class="tots"></textarea></td>');

// END TOTALS AND BUTTONS