Untitled

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="1234.css">
<title>Javascript</title>
<body>
 <script>
document.body.style.backgroundColor="#303030";

function kolor_t1(){


document.body.style.backgroundColor="#b21d15";
document.body.style.color="#000000";
 }
  function kolor_t2(){
document.body.style.backgroundColor="#1b7c25";
document.body.style.color="#000000";
  }
function kolor_t3(){

document.body.style.backgroundColor="#118493"
document.body.style.color="#000000";

}


    </script>
  <div id="rectangle">
    <center>
  <input type="button" value="Czerwony"  style="width: 200px; height: 200px" onClick="kolor_t1()">
  <input type="button" value="Zielony" style="width: 200px; height: 200px" onClick="kolor_t2()">

<input  type="button" value="Niebieski" style="border-radisu:200px; width: 200px; height: 200px" onClick="kolor_t3()"

</center>


</div>


</body>
</html>