1. function lik(imeLika) {
  2. def = 'Klikni na lik za natančnejše informacije o njem.';
  3. pravokotnik = 'S = a * b<br \/>o = 2 * a + 2 * b<br \/><br \/>';
  4. pravokotnik += '<form name="pravokotnik" action="index.htm" method="post" onsubmit="return calc(\'pravokotnik\')">';
  5. pravokotnik += 'a = <input type="text" name="a" /><br \/>';
  6. pravokotnik += 'b = <input type="text" name="b" /><br \/>';
  7. pravokotnik += '<input type="submit" name="izracunaj" value="Pora?unaj" />';
  8. pravokotnik += '</form><br \/>';
  9. pravokotnik += '<span id="rezultat"></span>';
  10. krog = 'S = &#928; * r<sup>2</sup><br \/>o = 2 * &#928; * r<br \/><br \/>';
  11. krog += '<form name="krog" action="index.htm" method="post" onsubmit="return calc(\'krog\')">';
  12. krog += 'r = <input type="text" name="r" /><br \/>';
  13. krog += '<input type="submit" name="izracunaj" value="Pora?unaj" />';
  14. krog += '</form><br \/>';
  15. krog += '<span id="rezultat"></span>';
  16. kvadrat = 'S = a<sup>2</sup><br \/>o = 4 * a<br \/><br \/>';
  17. kvadrat += '<form name="kvadrat" action="index.htm" method="post" onsubmit="return calc(\'kvadrat\')">';
  18. kvadrat += 'a = <input type="text" name="a" /><br \/>';
  19. kvadrat += '<input type="submit" name="izracunaj" value="Pora?unaj" />';
  20. kvadrat += '</form><br \/>';
  21. kvadrat += '<span id="rezultat"></span>';
  22. switch(imeLika) {
  23. case "pravokotnik":
  24. document.getElementById('text').innerHTML = pravokotnik;
  25. break;
  26. case "krog":
  27. document.getElementById('text').innerHTML = krog;
  28. break;
  29. case "kvadrat":
  30. document.getElementById('text').innerHTML = kvadrat;
  31. break;
  32. default:
  33. document.getElementById('text').innerHTML = def;
  34. break;
  35. }
  36. }
  37.  
  38. function calc(imeLika) {
  39. switch(imeLika) {
  40. case "pravokotnik":
  41. ploscina = document.pravokotnik.a.value * document.pravokotnik.b.value;
  42. obseg = 2 * document.pravokotnik.a.value + 2 * document.pravokotnik.b.value;
  43. out = '<br \/><b>Plo&#353;&#269;ina pravokotnika je:</b> ' + ploscina + ' kvadratnih enot';
  44. out += '<br \/><b>Obseg pravokotnika je:</b> ' + obseg + ' enot';
  45. document.getElementById('rezultat').innerHTML = out;
  46. break;
  47. case "krog":
  48. ploscina = Math.PI * Math.pow(document.krog.r.value, 2);
  49. obseg = 2 * Math.PI * document.krog.r.value;
  50. out = '<br \/><b>Plo&#353;&#269;ina kroga je:</b> ' + ploscina + ' kvadratnih enot';
  51. out += '<br \/><b>Obseg kroga je:</b> ' + obseg + ' enot';
  52. document.getElementById('rezultat').innerHTML = out;
  53. break;
  54. case "kvadrat":
  55. ploscina = Math.pow(document.kvadrat.a.value, 2);
  56. obseg = 4 * document.kvadrat.a.value;
  57. out = '<br \/><b>Plo&#353;&#269;ina kvadrata je:</b> ' + ploscina + ' kvadratnih enot';
  58. out += '<br \/><b>Obseg kvadrata je:</b> ' + obseg + ' enot';
  59. document.getElementById('rezultat').innerHTML = out;
  60. break;
  61. }
  62. //document.write(document.pravokotnik.a.value);
  63. return false;
  64. }