Facebook
From Jan, 4 Years ago, written in HTML5.
Embed
Download Paste or View Raw
Hits: 236
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3.         <head>
  4.         <script type="text/javascript">    
  5.                 function oblicz() {
  6.                 var m=parseDouble(document.getElementById('mass').value);
  7.                 var r = 0;
  8.                 var radio = document.getElementsByName('rodzaj');
  9.                 if(radio[0].checked) {
  10.                         r = 0.6;
  11.                 } else if(radio[1].checked) {
  12.                         r = 5.5;
  13.                 } else if(radio[2].checked) {
  14.                         r = 0.9;
  15.                 } else if(radio[3].checked) {
  16.                         r = 4.2;
  17.                 } else if(radio[4].checked) {
  18.                         r = 16.6;
  19.                 } else if(radio[5].checked) {
  20.                         r = 20.0;
  21.                 } else if(radio[6].checked) {
  22.                         r = 18.0;
  23.                 } else if(radio[7].checked){
  24.                         r = 1.95;
  25.                 } else {
  26.                         alert("Wybierz rodzaj materiału");
  27.                 }
  28.                 var z=document.getElementById('zysk');  
  29.                 z.value=m*r;}    
  30.                 </script>
  31.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  32.         <meta charset="UTF-8">
  33.         <link rel="stylesheet" type="text/css" href="css\kalkulator-css.css" />
  34.         <title>Kalkulator</title>
  35.         </head>
  36.         <body>
  37. <form>          
  38. <div class="box">            
  39. <h1>Sprawdź ile zyskasz, oddając złom do nas:</h1>            
  40. <span>Wybierz rodzaj metalu/materiału: </span> <br /><br />            
  41.                 <input type="radio" class= "material" name="rodzaj" value="1" id="st">Stal<br />
  42.                 <input type="radio" class= "material" name="rodzaj" value="2" id="stn" />Stal nierdzewna<br />
  43.                 <input type="radio" class= "material" name="rodzaj" value="3" id="zel" />Żeliwo<br />
  44.                 <input type="radio" class= "material" name="rodzaj" value="4" id="alu" />Aluminium<br />
  45.                 <input type="radio" class= "material" name="rodzaj" value="5" id="mi" />Miedź<br />
  46.                 <input type="radio" class= "material" name="rodzaj" value="6" id="mo" />Mosiądz<br />
  47.                 <input type="radio" class= "material" name="rodzaj" value="7" id="bl" />Blacha ocynkowana<br />
  48.                 <input type="radio" class= "material" name="rodzaj" value="8" id="poj" />Pojazdy/resztki pojazdów<br />            
  49. </label>              
  50. <label>                
  51. <span>Masa (kg): </span>
  52. <input type="number" name="masa" value="x" id="mass"><br />
  53. <input type="button"  onclick="oblicz()" class="button" value="Oblicz" />            
  54. </label>              
  55. <label>                
  56. <span>Twój zysk: </span>                
  57. <input id="zysk" disabled="disabled" value=""/>            
  58. </label>                                              
  59. </div>    
  60. </form>
  61. </body>
  62. </html>