Advertisement
Pihtija

SKI v8

Dec 11th, 2018
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.93 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>Document</title>
  8. <script>
  9.  
  10. function Izracunaj(){
  11. var x=document.getElementById("jed").value;
  12. var y=document.getElementById("dva").value;
  13. var z=document.getElementById("tri").value;
  14. var prvi=x*100+y*10+z;
  15. var drugi=x*100+y*10+z;
  16. var treci=x*100+y*10+z;
  17. var cetvrti=x*100+y*10+z;
  18. var peti=x*100+y*10+z;
  19. var sesti=x*100+y*10+z;
  20. var suma=prvi+drugi+treci+cetvrti+peti+sesti;
  21.  
  22. document.getElementById("paragraf").innerHTML+="" + prvi + "+" + drugi + "+" + treci + "+" + cetvrti + "+" + peti + "+" + sesti + "=" +suma;
  23. }
  24. </script>
  25. </head>
  26. <body>
  27. a:<input type="number" id="jed">
  28. b:<input type="number" id="dva">
  29. c:<input type="number" id="tri">
  30. <br>
  31. <p id="paragraf"></p>
  32. <br>
  33. <button onclick="Izracunaj()">Suma permutacija</button>
  34. </body>
  35. </html>
  36.  
  37. ------------------------------------------------------
  38.  
  39. <!DOCTYPE html>
  40. <html lang="en">
  41. <head>
  42. <meta charset="UTF-8">
  43. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  44. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  45. <title>Document</title>
  46. <script>
  47. function promena(obj){
  48. document.body.style.backgroundColor=obj.value;
  49. }
  50. function pocetna(){
  51. document.getElementById("lista")
  52. promena(x);
  53. }
  54. </script>
  55. </head>
  56. <body onload="pocetna()">
  57. <p>Izaberi boju</p>
  58. <select name="lista" id="lista" onchange="promena(this)">
  59. <option value="null">Izaberite</option>
  60. <option value="red">Crvena</option>
  61. <option value="green">Zelena</option>
  62. <option value="blue">Plava</option>
  63. <option value="yellow">Zuta</option>
  64. </select>
  65. </body>
  66. </html>
  67.  
  68. --------------------------------
  69.  
  70. <!DOCTYPE html>
  71. <html lang="en">
  72. <head>
  73. <meta charset="UTF-8">
  74. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  75. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  76. <title>Document</title>
  77.  
  78. <style>
  79. img{
  80. display: block;
  81. width: 200px;
  82. margin: 10px;
  83. }
  84.  
  85. #desno{
  86. width: 500px;
  87. border: 6px solid red;
  88.  
  89. }
  90.  
  91. div{
  92. display: inline-block;
  93. width: 300px;
  94. vertical-align: top;
  95. }
  96. </style>
  97. <script>
  98. function promeni(obj){
  99. document.getElementById("desno").src=obj.src;
  100. }
  101. </script>
  102. </head>
  103. <body>
  104. <div>
  105. <img src="../img/bec.jpg" alt="" onclick="promeni(this)">
  106. <img src="../img/cirih.jpg" alt="" onclick="promeni(this)">
  107. <img src="../img/pariz.jpg" alt="" onclick="promeni(this)">
  108. </div>
  109. <div>
  110. <img src="../img/bec.jpg" alt="" id="desno">
  111. </div>
  112. </body>
  113. </html>
  114.  
  115. -----------------------------
  116.  
  117. <!DOCTYPE html>
  118. <html lang="en">
  119. <head>
  120. <meta charset="UTF-8">
  121. <title>Primer</title>
  122. <!-- <script>
  123. function ispis(){
  124. document.write("<p>Paragraf iz JavaScript-a.</p>");
  125. }
  126. </script> -->
  127.  
  128.  
  129.  
  130. <!-- <script>
  131. function izracunaj(){
  132. var x=document.getElementById("broj").value;
  133. var faktorijel=1;
  134. for(var i=x; i>0; i--){
  135. faktorijel+=faktorijel*(i-1);
  136. }
  137. document.getElementById("rezultat").innerHTML="Faktorijel broja " + x + " je: " + faktorijel;
  138. }
  139. </script> -->
  140. <style>
  141. button{
  142. margin: 5px;
  143. width: 40px;
  144. }
  145. </style>
  146. <script>
  147.  
  148. var niz=new Array("Januar", "Februar", "Mart", "April", "Maj", "Jun", "Jul", "Avgust", "Septembar", "Oktorbar", "Novembar", "Decembar")
  149. function kreiraj(){
  150. var brojac=1;
  151. for(var i=0; i<3; i++){
  152. for(var j=0; j<4; j++){
  153. document.getElementById("elementi").innerHTML+="<button onclick='prikaziMesec(this)'>" + brojac +"</button>";
  154. brojac++;
  155. }
  156. document.getElementById("elementi").innerHTML+="<br>";
  157. }
  158. }
  159. function prikaziMesec(obj){
  160. var n=obj.innerHTML;
  161. var mesec=niz[n-1];
  162. alert(mesec);
  163. }
  164.  
  165. </script>
  166.  
  167. </head>
  168. <body onload="kreiraj()">
  169.  
  170. <div id="elementi"></div>
  171. <!-- <p>Paragraf</p>
  172.  
  173.  
  174. <button onclick="ispis()">Dugme</button> -->
  175.  
  176.  
  177.  
  178. <!-- <input type="text" name="broj" id="broj">
  179. <button name="faktorijel" id="faktorijel" onclick="izracunaj()">Izracunaj</button>
  180. <p id="rezultat"></p> -->
  181. </body>
  182. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement