- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>JS funkcje</title>
- </head>
- <body>
- Podaj promien kola <input id="input1" type="text" />
- <button onclick="przetwarzanie();"> Oblicz pole i obwod kola </button>
- <p id="paragraf1"> </p>
- <p id="paragraf2"> </p>
- <script>
- function poleK(r) {
- return Math.PI * r * r;
- }
- function obwodK(r) {
- return 2 * Math.PI * r;
- }
- function przetwarzanie() {
- var input1 = document.getElementById("input1");
- var p1 = document.getElementById("paragraf1");
- var p2 = document.getElementById("paragraf2");
- var r = Number(input1.value);
- var pK = poleK(r);
- var oK = obwodK(r);
- p1.innerHTML = "Pole = " + pK;
- p2.innerHTML = "Obwod = " + oK;
- }
- </script>
- </body>
- </html>
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>Js funkcje</title>
- </head>
- <body>
- <form>
- Podaj pojemność baku paliwa kutra rybackiego w litrach
- <input type="text" id="input1"><br>
- Podaj odległość w milach morskich
- <input type="text" id="input2"><br>
- <button onclick="oblicz();return false;">Oblicz spalanie średnie</button>
- <p id="paragraf1"></p>
- </form>
- <script>
- function mileNaKilometry(mile_morskie)
- {
- return mile_morskie * 1.852;
- }
- function spalanieSrednie(pojemnosc,kilometry)
- {
- return pojemnosc*100/kilometry;
- }
- function oblicz()
- {
- var input1=document.getElementById("input1");
- var input2=document.getElementById("input2");
- var p1=document.getElementById("paragraf1");
- var pojemnosc=Number(input1.value);
- var mile_m=Number(input2.value);
- var km=mileNaKilometry(mile_m);
- var spalanie=spalanieSrednie(pojemnosc,km);
- p1.innerHTML="Spalanie średnie: "+spalanie.toFixed(2);
- }
- </script>
- </body>
- </html>
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>Js funkcje</title>
- </head>
- <body>
- <form>
- Podj odległość w metrach: <br>
- <input id="input1" type="text" value="1000"> <br> <br>
- <button onclick="przelicz();return false;">Przelicz na inne jednostki</button>
- </form>
- <p id="paragraf1"></p>
- <p id="paragraf2"></p>
- <p id="paragraf3"></p>
- <script src="j_odleglosci.js"></script>
- <script>
- function przelicz(){
- var input1 = document.getElementById("input1");
- var p1 = document.getElementById("paragraf1");
- var p2 = document.getElementById("paragraf2");
- var p3 = document.getElementById("paragraf3");
- var metry = Number(input1.value);
- p1.innerHTML ="Mile ang: " + metryNaMileang(metry).toFixed(4);
- p2.innerHTML ="Stopy: " + metryNaStopy(metry).toFixed(0);
- p3.innerHTML ="Jardy: " + metryNaJardy(metry).toFixed(2);
- }
- </script>
- </body>
- </html>