2014. dec 14.

Ünnep: Nyertes és random szám generátor

Jelentem, megvan a nyertes! De mielőtt kihirdetném, ki ő, szeretnék minden kedves válaszadónak küldeni egy hatalmas virtuális ölelést, és két nagy cuppanós puszit! Nagyon szépen köszönöm a válaszaitokat, nagyon tanulságos volt a számomra, és főleg a sok kedves üzenetet köszönöm, hálás vagyok értük! (Ja és boldog szülinapot Dorka!)

ölelés

És akkor akinek az e-mail és a Frozen karkötő repül - dobpergés:

Csilla

Akitől az alábbi kedves üzenetet kaptam: "Nagyon jó a blogod, a kinézete pedig abszolút a kedvencem lett első látásra, írtó jól néz ki, imádom *.* :)) És köszönöm a lehetőséget a nyereményjátékra! :)" - köszönöm és gratulálok! :)

Hogyan sorsoltam?

Hadd osszam meg veletek! Nos hát ugye én programozó vagyok, így számomra a legegyszerűbb, ha magam készítem el. Látsz lentebb egy üres mezőt, melybe beírhatsz egy nullánál nagyobb számot - nyereményjáték esetén praktikusan a jelentkezők számát - majd a "Random" gombra kattintva meg fog jelenni egy random szám.

->

Így készült (egy tejes html-be ágyazva):

<html>
   <head>
       <title>Random Szám Generátor</title>
       <script>
           function randomGo() {
               var num = document.getElementById("randomNum").value;
               var randnum = Math.floor((Math.random() * num) + 1);
               document.getElementById("randomResult").innerHTML = "-> <b>" + randnum + "</b>";
           }
       </script>
   </head>
   <body style='font-family: "Courier New", Courier, monospace'>
       <div style='float: left; font-family: "Courier New", Courier, monospace;'>
           <input type="number" name="quantity" min="1" id="randomNum" style="width:60px;" />
           <input type="button" value="Random" onclick="randomGo()"/>
       </div>
       <div id="randomResult" style='float:left; padding-left:10px; padding-top:4px; font-family: "Courier New", Courier, monospace;'>
           ->
       </div>
   </body>
</html>

A fenti random szám generátort könnyen Te is el tudod készíteni magadnak:

Ha ezt a teljes kódot beilleszted egy üres txt fájlba, melyet nem txt-ként, hanem html-ként mentesz el, a böngésződdel megnyitva a fájlt, a fenti random szám generátor fogod látni. Ha be szeretnéd valahova illeszteni (mint én fentebb), elég a <script>-től a </script>-ig, illetve mindkettő <div></div>-et kimásolni és beilleszteni pl. a blogod html szerkesztő nézetében valahova. A <script></script>-et szinte bárhova teheted (de érdemes a <div>-ek elé), a <div>-eket oda illeszd, ahol szeretnéd, hogy megjelenjen a random szám generátor.

Script:

<script>
   function randomGo() {
     var num = document.getElementById("randomNum").value;
     var randnum = Math.floor((Math.random() * num) + 1);
     document.getElementById("randomResult").innerHTML = "-> <b>" + randnum + "</b>";
   }
</script>

A random szám generátor látható része:

<div style='float: left; font-family: "Courier New", Courier, monospace;'>
   <input type="number" name="quantity" min="1" id="randomNum" style="width:60px;" />
   <input type="button" value="Random" onclick="randomGo()"/>
</div>
<div id="randomResult" style='float:left; padding-left:10px; padding-top:4px; font-family: "Courier New", Courier, monospace;'>
   ->
</div>