Matematické Fórum
Nevíte-li si rady s jakýmkoliv matematickým problémem, toto místo je pro vás jako dělané.
Nástěnka
❗22. 8. 2021 (L) Přecházíme zpět na doménu forum.matweb.cz!
❗04.11.2016 (Jel.) Čtete, prosím, před vložení dotazu, děkuji!
❗23.10.2013 (Jel.) Zkuste před zadáním dotazu použít některý z online-nástrojů, konzultovat použití můžete v sekci CAS.
Nejste přihlášen(a). Přihlásit
#1 15. 12. 2014 18:08
Kalkulačka Javascript zbarvení
zdravím máme za úkol udělat kalkulačku v javascriptu vše mám ,ale potřebuji mít třeba 0-9 zbarvená do modra,
děkuji
(prý se má přidělit ID k těm buttonům)
</head>
<body>
<form name="fff">
<table>
<tr>
<th colspan="4"><input type="text" name="display"></th>
</tr>
<tr>
<td><input type="button" value="("></td>
<td><input type="button" value=")"></td>
<td><input type="button" value="CE" OnClick="document.fff.display.value='';"></td>
<td><input type="button" value="C"></td>
</tr>
<tr>
<td><input type="button" value="7" OnClick="document.fff.display.value+='7';"></td>
<td><input type="button" value="8" OnClick="document.fff.display.value+='8';"></td>
<td><input type="button" value="9" OnClick="document.fff.display.value+='9';"></td>
<td><input type="button" value="/" OnClick="document.fff.display.value+='/';"></td>
</tr>
<tr>
<td><input type="button" value="4" OnClick="document.fff.display.value+='4';"></td>
<td><input type="button" value="5" OnClick="document.fff.display.value+='5';"></td>
<td><input type="button" value="6" OnClick="document.fff.display.value+='6';"></td>
<td><input type="button" value="*" OnClick="document.fff.display.value+='*';"></td>
</tr>
<tr>
<td><input type="button" value="1" OnClick="document.fff.display.value+='1';"></td>
<td><input type="button" value="2" OnClick="document.fff.display.value+='2';"></td>
<td><input type="button" value="3" OnClick="document.fff.display.value+='3';"></td>
<td><input type="button" value="-" OnClick="document.fff.display.value+='-';"></td>
</tr>
<tr>
<td><input" type="button" value="0" OnClick="document.fff.display.value+='0';"></td>
<td><input type="button" value="," OnClick="document.fff.display.value+=',';"></td>
<td><input type="button" value="=" OnClick="document.fff.display.value = eval(document.f.display.value)"></td>
<td><input type="button" value="+" OnClick="document.fff.display.value+='+';"></td>
</tr>
<tr>
<td><input type="button" value="|n|" OnClick="if (document.fff.display.value<0) document.fff.display.value=document.fff.display.value*(-1);"></td>
<td><input type="button" value="n!" OnClick="n=document.fff.display.value; V=1; while(n>1) { V=V*n; n--; } document.fff.display.value=V;" /></td>
</tr>
</table>
</form>
Offline
#2 15. 12. 2014 20:15 — Editoval O.o (15. 12. 2014 20:21)
Re: Kalkulačka Javascript zbarvení
↑ noqesh:
Ahoj,
pokud maji mit tlacitka 0-9 stejnou barvu, tak pouzij class identifikator a ve stylech k tomu prirad nejakou barvu pozadi. Pokud ma mit kazde tlacitko jinou barvu, tak pouzij ID identifikator a ve stylech ke kazdemu prirad nejakou barvu poadi.
(class pouziti: pro prvky, ktere se vyskytuji vice jak jednou na strance)
(ID pouziti: unikatni, stejne ID jen pro jeden prvek na strance)
Ve tvem pripade muzes pridat ke kazdemu input s cisly 0-9 class="NAZEVTRIDY" a ve stylech (CSS) se k tomu pote dostanes jako .NAZEVTRIDY.
Nebo pokud pridavas kazdemu cislu svoji barvu (tedy potrebujes ke kazdemu input jiny identifikator, tak pouzij ID="IDPRVNIHOTLACITKA" a ve stylech se k tomu pote dostanes jako #IDPRVNIHOTLACITKA (to udelas pro kazde tlacitko s tim, ze ID bude pokazde jine.
class priklad
Priklad - html:
Code:
<input class="number" type="button" value="3" /> <input class="number" type="button" value="4" />
Priklad - stylopis (CSS):
Code:
.number {
background-color: #A354FD;
}Fiddle class
ID priklad
Priklad - html:
Code:
<input ID="number1" type="button" value="3" /> <input ID="number2" type="button" value="4" />
Priklad - stylopis (CSS):
Code:
#number1 {
background-color: #A354FD;
}
#number2 {
background-color: #539ACC;
}Offline