Facebook
From Chocolate Gibbon, 6 Years ago, written in HTML5.
Embed
Download Paste or View Raw
Hits: 270
  1. <!DOCTYPE html>
  2.     <head>
  3.         <title>DANIEL KĘPKA</title>
  4.         <meta charset="UTF-8">
  5.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  6.         <script>
  7.             $(document).ready(function () {
  8.                 $('#count').click(function () {
  9.                     var name = $('#imie').val();
  10.                     var lastname = $('#nazwisko').val();
  11.                     var c = parseInt($('#c').val());
  12.                     var d = parseInt($('#d').val());
  13.                     var e = parseInt($('#e').val());
  14.                     var f = parseInt($('#f').val());
  15.  
  16.                     var result = (c + d + e + f) / 4;
  17.  
  18.                     $('#cos').html(result);
  19.                 });
  20.             });
  21.         </script>
  22.         <style>
  23.             div#góra{
  24.                 width:100%;
  25.                 height:250px;
  26.                 font-size:50px;
  27.                 float:left;
  28.                 background-color:red;
  29.             }
  30.    
  31.             div#lewo{
  32.                 width:25%;
  33.                 height:500px;
  34.                 float:left;
  35.                 background-color:green;
  36.             }
  37.    
  38.             div#prawo{
  39.                 width:75%;
  40.                 height:500px;
  41.                 float:left;
  42.                 background-color:yellow;
  43.             }
  44.    
  45.             div#dół{
  46.                 width:100%;
  47.                 height:225px;
  48.                 float:left;
  49.                 background-color:red;
  50.             }
  51.         </style>
  52.     </head>
  53.     <body>
  54.         <div id="góra" style="text-align: center;">ŚREDNIA</div>
  55.         <div id="lewo">
  56.             <form name="formularz" action="">
  57.                 IMIE:           <input type="text" id="imie"><br>
  58.                 NAZWISKO:       <input type="text" id="nazwisko"><br>
  59.                 <b>OCENY</b><br>
  60.                 WITRYNY:        <input type="number" id="c" min="1" max="6"><br>
  61.                 BAZY DANYCH:    <input type="number" id="d" min="1" max="6"><br>
  62.                 MATEMATYKA:     <input type="number" id="e" min="1" max="6"><br>
  63.                 FIZYKA:         <input type="number" id="f" min="1" max="6"><br>
  64.                 <input type="button" value="OBLICZ" id="count">
  65.             </form>
  66.         </div>
  67.         <div id="prawo">
  68.             <p id="cos"></p>
  69.         </div>
  70.         <div id="dół"></div>
  71.     </body>
  72. </html>