Cześć, mam do wykonania prace domową ze szkoły, muszę zrobić przelicznik.
Strona przelicznik miar powinna umożliwić przeliczanie miar (dekagramy, łyżki, szklanki) zgodnie z poniższą tabelką:
Produkt |
łyżka |
szklanka |
cukier |
1,5 dag |
25 dag |
kakao |
0,6 dag |
10 dag |
mąka pszenna |
0,9 dag |
15 dag |
mleko |
1,5 dag |
25 dag |
Zrobiłem coś takiego:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Przelicznik</title>
</head>
<style>
body {font-family: calibri, tahoma; background: #e6e6e6;}
#kontener {width: 960px; margin: 0 auto;}
#menu {display: table; padding: 0 10px 0; margin: 0 auto; overflow: hidden; font-size: 14px; background: #242424;}
#menu li {list-style-type: none; margin: 0 auto; float: left; }
#menu li:hover {background: #404040;}
#menu li a {display: block; color: silver; text-decoration: none; padding: 7px 10px 7px;}
#menu li a:hover {background: #404040; color: white;}
#menu li li a {width: 160px;}
#menu li ul {overflow: hidden; display: none; background: #242424;}
#menu li:hover ul {position: absolute; padding: 0; display: block; width: 160px;}
#menu *:hover {transition: 0.3s ease-in;}
#menu {border-radius: 3px;}
#menu li ul {border-radius: 0 0 3px 3px;}
</style>
<body>
<div id="kontener">
<ul id="menu">
<li><a href="#">Produkty:</a></li>
<li><a href="">Cukier</a>
<ul>
<li><a href="#">Przelicz na łyżeczki.</a></li>
<li><a href="#">Przelicz na szklanki.</a></li>
</ul>
</li>
<li><a href="#">Kakao</a>
<ul>
<li><a href="#">Przelicz na łyżeczki.</a></li>
<li><a href="#">Przelicz na szklanki.</a></li>
</ul>
</li>
<li><a href="#">Mąka pszenna</a>
<ul>
<li><a href="#">Przelicz na łyżeczki.</a></li>
<li><a href="#">Przelicz na szklanki.</a></li>
</ul>
</li>
<li><a href="#">Mleko</a>
<ul>
<li><a href="#">Przelicz na łyżeczki.</a></li>
<li><a href="#">Przelicz na szklanki.</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
I chciałbym teraz zrobić coś takiego, że gdy klikne na np. "Mleko" --> "przelicz na łyżeczki" to wtedy wyświetli się polę które umożliwi wpisanie ilości łyżeczek i enter i pojawi się wynik.
Czy ktoś wie jak coś takiego zrobić? Proszę o pomoc na necie nie mogę znaleźć a samemu nie wyczaruje.