<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
</head>
<body>
<section>
a: <input type="number" name="number" id="a"><br>
b: <input type="number" name="number" id="b"><br>
<input type="checkbox" name="oblicz" id="obliczCheckBox"> oblicz<br>
<form>
<input type="radio" value="suma" name="radio" id="raidoSuma">Suma <br>
<input type="radio" value="min" name="radio" id="raidoMin">Min <br>
<input type="radio" value="max" name="radio" id="raidoMax">MAX <br>
<input type="radio" value="srednia" name="radio" id="raidoSrednia">Srednia <br>
<input type="radio" value="odchStd" name="radio" id="raidoOdchStd">Odchylnia standardowa <br>
</form>
<input type="button" value="Button" id="obliczButton">
</section>
<section>
<div id="zakresLiczb"></div>
<div id="wynik"></div>
</section>
<script>
let zakresLiczb = document.getElementById("zakresLiczb")
let wynik = document.getElementById("wynik")
let button = document.getElementById("obliczButton")
let checkbox = document.getElementById("obliczCheckBox")
button.addEventListener('click', () => {
let a = parseInt(document.getElementById("a").value)
let b = parseInt(document.getElementById("b").value)
// console.log(a + " , " + b)
let tabLiczb = []
let j = 0
for (let i = a; i <= b; i++) {
tabLiczb[j] = i
// console.log(i + " , " + j)
j++
}
if (checkbox.checked){
console.log(Math.max(...tabLiczb))
console.log(tabLiczb)
const radio = document.getElementsByName("radio")
// console.log(radio);
let wybrano = "Nic nie wybrano";
console.log()
for (const aa of radio) {
if (aa.checked) {
wybrano = aa.value;
console.log(wybrano);
break;
}
}
if (wybrano == "suma") {
console.log("happy");
let suma = 0
let zakresLiczbTekst = ''
for (let i = 0; i < tabLiczb.length; i++) {
zakresLiczbTekst += `${tabLiczb[i]}, `
suma += tabLiczb[i]
}
zakresLiczb.innerText = zakresLiczbTekst
wynik.innerText = suma
} else if (wybrano == "min") {
let zakresLiczbTekst = ''
for (let i = 0; i < tabLiczb.length; i++) {
if (tabLiczb[i] == Math.min(...tabLiczb)) {
zakresLiczbTekst += `<span style="color: red;">${tabLiczb[i]}</span>, `
}else{
zakresLiczbTekst += `${tabLiczb[i]}, `
}
}
zakresLiczb.innerHTML = zakresLiczbTekst
wynik.innerText = ""
} else if (wybrano == "max") {
let zakresLiczbTekst = ''
for (let i = 0; i < tabLiczb.length; i++) {
if (tabLiczb[i] == Math.max(...tabLiczb)) {
zakresLiczbTekst += `<span style="color: red;">${tabLiczb[i]}</span>, `
}else{
zakresLiczbTekst += `${tabLiczb[i]}, `
}
}
zakresLiczb.innerHTML = zakresLiczbTekst
wynik.innerText = ""
} else if (wybrano == "srednia") {
let suma = 0
let zakresLiczbTekst = ''
for (let i = 0; i < tabLiczb.length; i++) {
zakresLiczbTekst += `${tabLiczb[i]}, `
suma += tabLiczb[i]
}
zakresLiczb.innerText = zakresLiczbTekst
wynik.innerText = suma/tabLiczb.length
} else if (wybrano == "odchStd") {
let suma = 0
let zakresLiczbTekst = ''
for (let i = 0; i < tabLiczb.length; i++) {
zakresLiczbTekst += `${tabLiczb[i]}, `
suma += Math.pow(tabLiczb[i]-tabLiczb.length,2)
}
zakresLiczb.innerText = zakresLiczbTekst
wynik.innerText = 'ODCHSRT' + Math.sqrt(suma/tabLiczb.length)
}
}else{
let zakresLiczbTekst = ''
for (let i = 0; i < tabLiczb.length; i++) {
zakresLiczbTekst += `${tabLiczb[i]}, `
}
zakresLiczb.innerText = zakresLiczbTekst
}
})
</script>
</body>
</html>