Jestem początkujący, a chciałem utworzyć skrypt który oblicza wymiary ekranu, takowy udało mi się utworzyć
<input type="text" id="przekatna" placeholder="przekątna" size=16 /><br>
<input type="text" id="format1" placeholder="format x" size=5 />
<input type="text" id="format2" placeholder="format y" size=5/><br>
<input type="text" id="obramowka" placeholder="grubość obramówki" size=16 /><br>
<button onclick="vcheck()">Sprawdź</button> <br>
<div id="liczba">Wpisz dane</div>
<script type="text/javascript">
function vcheck()
{
var val="Wpisz dane";
var valp=document.getElementById("przekatna").value.trim();
var vals1=document.getElementById("format1").value.trim();
var vals2=document.getElementById("format2").value.trim();
var valo=document.getElementById("obramowka").value.trim();
if(val.length<=0) val="Wpisz przekątną, format i obramówkę monitora";
else if(valo<0||vals2<=0||vals1<=0||valp<=0) val="Błędne dane";
else if(valo>=0&&vals2>0&&vals1>0&&valp>0) {
var p = Math.pow((valp*2.54),2);
var s1 = vals1;
var s2 = vals2;
var o = valo;
var l = Math.pow(s1,2)+Math.pow(s2,2);
var x = Math.sqrt(p/l);
s1=Math.round((s1*x)+(2*o));
s2=Math.round((s2*x)+(2*o));
var wyswietl ="≈" + s1 +"cm"+" x "+ s2+"cm";
val=wyswietl;
}
else val="Niepoprawne dane";
document.getElementById("liczba").innerHTML=val;
}
</script>
lecz chciałem go "upiększyć" używając <select> w html, niestety mam problem gdyż format ekranu nie jest przypisywany do zmiennych, nie wiem jak to zrobić
<label for="przekatna">Przekątna:</label></br>
<input type="text" id="przekatna" placeholder="przekątna" size=16 /><br>
<label for="format">Wybierz Format:</label></br>
<select id="format" name="format" onchange="window['display_'+this.value]();">
<option data-value=0 value="dis">Format</option>
<option data-value=1 value="dis" >1:1</option>
<option data-value=2 value="dis" >3:2</option>
<option data-value=3 value="dis" >4:3</option>
<option data-value=4 value="dis" >5:4</option>
<option data-value=5 value="dis" >16:9</option>
<option data-value=6 value="dis" >16:10</option>
<option data-value=7 value="dis" >17:9</option>
<option data-value=8 value="dis" >21:9</option>
<option data-value=9 value="dis" >32:9</option>
<option data-value=10 value="en" >inny</option>
</select></br>
<input type="text" id="format1" placeholder="format x" size=5 disabled />
<input type="text" id="format2" placeholder="format y" size=5 disabled /><br>
<label for="obramowka">Grubość obramówki:</label></br>
<input type="text" id="obramowka" placeholder="grubość obramówki" size=16 /><br>
<button onclick="vcheck()">Sprawdź</button> <br>
<div id="liczba">Wpisz dane</div>
<script type="text/javascript">
function vcheck(w)
{
var val="Wpisz dane";
var valp=document.getElementById("przekatna").value;
var valo=document.getElementById("obramowka").value;
var vals1;
var vals2;
var wartosc=document.getElementById("format").getAttribute('data-value');
switch(wartosc) {
case 0:
val="Wybierz format";
break;
case 1:
vals1=1;
vals2=1;
break;
case 2:
vals1=3;
vals2=2;
break;
case 3:
vals1=4;
vals2=3;
break;
case 4:
vals1=5;
vals2=4;
break;
case 5:
vals1=16;
vals2=9;
break;
case 6:
vals1=16;
vals2=10;
break;
case 7:
vals1=17;
vals2=9;
break;
case 8:
vals1=21;
vals2=9;
break;
case 9:
vals1=32;
vals2=9;
break;
case 10:
vals1=document.getElementById("format1").value.trim();
vals2=document.getElementById("format2").value.trim();
}
if(val.length=0) val="Wpisz przekątną, format i obramówkę monitora";
else if(valo<0||vals2<=0||vals1<=0||valp<=0) val="Błędne dane";
else if(valo>=0&&vals2>0&&vals1>0&&valp>0) {
var p = Math.pow((valp*2.54),2);
var s1 = vals1;
var s2 = vals2;
var o = valo;
var l = Math.pow(s1,2)+Math.pow(s2,2);
var x = Math.sqrt(p/l);
s1=Math.round((s1*x)+(2*o));
s2=Math.round((s2*x)+(2*o));
var wyswietl ="≈" + s1 +"cm"+" x "+ s2+"cm";
val=wyswietl;
}
else val="Niepoprawne dane";
document.getElementById("liczba").innerHTML=val;
}
function display_en() {
document.getElementById("format1").disabled = false;
document.getElementById("format2").disabled = false;
}
function display_dis() {
document.getElementById("format1").disabled = true;
document.getElementById("format2").disabled = true;
}
</script>