<!DOCTYPE html>
<html>
<title>DANIEL KĘPKA</title>
<meta charset="UTF-8">
<head>
<style>
div#góra{
width:100%;
height:250px;
font-size:50px;
float:left;
background-color:red;
}
div#lewo{
width:25%;
height:500px;
float:left;
background-color:green;
}
div#prawo{
width:75%;
height:500px;
float:left;
background-color:yellow;
}
div#dół{
width:100%;
height:225px;
float:left;
background-color:red;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$('#count').click(function () {
var name = $('#imie').val();
var lastname = $('#nazwisko').val();
var c = parseInt($('#c').val());
var d = parseInt($('#d').val());
var e = parseInt($('#e').val());
var f = parseInt($('#f').val());
var result = (c + d + e + f) / 4;
$('#cos').html(result);
});
});
</script>
</head>
<body>
<div id="góra" style="text-align: center;">ŚREDNIA</div>
<div id="lewo">
<form name="formularz" action="">
IMIE:<input type="text" id="imie"><br>
NAZWISKO:<input type="text" id="nazwisko"><br>
<b>OCENY</b><br>
WITRYNY:<input type="number" id="c" min="1" max="6"><br>
BAZY DANYCH:<input type="number" id="d" min="1" max="6"><br>
MATEMATYKA:<input type="number" id="e" min="1" max="6"><br>
FIZYKA:<input type="number" id="f" min="1" max="6"><br>
<input type="button" value="OBLICZ" id="count">
</form>
</div>
<div id="prawo">
<p id="cos">asfsafas</p>
</div>
<div id="dół"></div>
</body>
</html>
{"html5":"htmlmixed","css":"css","javascript":"javascript","php":"php","python":"python","ruby":"ruby","lua":"text\/x-lua","bash":"text\/x-sh","go":"go","c":"text\/x-csrc","cpp":"text\/x-c++src","diff":"diff","latex":"stex","sql":"sql","xml":"xml","apl":"apl","asterisk":"asterisk","c_loadrunner":"text\/x-csrc","c_mac":"text\/x-csrc","coffeescript":"text\/x-coffeescript","csharp":"text\/x-csharp","d":"d","ecmascript":"javascript","erlang":"erlang","groovy":"text\/x-groovy","haskell":"text\/x-haskell","haxe":"text\/x-haxe","html4strict":"htmlmixed","java":"text\/x-java","java5":"text\/x-java","jquery":"javascript","mirc":"mirc","mysql":"sql","ocaml":"text\/x-ocaml","pascal":"text\/x-pascal","perl":"perl","perl6":"perl","plsql":"sql","properties":"text\/x-properties","q":"text\/x-q","scala":"scala","scheme":"text\/x-scheme","tcl":"text\/x-tcl","vb":"text\/x-vb","verilog":"text\/x-verilog","yaml":"text\/x-yaml","z80":"text\/x-z80"}