Multiplikationstabell i nåt kod språk

PHPportalen Forum Index » Övrig mjukvara
Lägg ett bokmärke på hela tråden
Skapa nytt inlägg   Svara på inlägget
Visa föregående ämne :: Visa nästa ämne  
Startad av: Meddelande
spawn



Medlem i: 5706 dagar
Från: Gbg
Status: Offline



#737908
Inlägg Skrivet: 2014-10-06 16:06      Ämne: Multiplikationstabell i nåt kod språk Citera

Tjena,

Jag har tänkt vara lite elak mot mina barn... Är det någon som känner till ett multiplikationstabell-program gjort i nåt språk som jag kan peta in lokalt på deras dator alt som en hemsida då lägger jag ju den på vår domän..

men det ska ju då inte finnas några"avsluta" knapp på den för jag vill att dom ska göra klart ett antal gånger tal innan dom får lov att spela.. jojo så klart kommer ju alt+f4 fungera men, detta är inget som dom känner till ännu, så får hoppas att det fungerar så länge som möjligt =)
 

_________________
*********************
[IRONI]Ännu en dag i paradiset[/IRONI]
IT-Tekniker hos JTMG
*********************
Till toppen på sidan
Visa användarprofil Skicka privat meddelande Besök användarens hemsida
info@aimdesign.se



Medlem i: 3869 dagar
Från: Märsta
Status: Offline



#737910
Inlägg Skrivet: 2014-10-06 18:30      Ämne: Citera

Det är väl bara att bygga?
Om du menar att tanken är att det ska genereras slumpvisa tal som de måste svara rätt på.

Väldigt enkelt.
 

_________________
På svengelska -> It's not the fart that kills you, it's the smäll
Till toppen på sidan
Visa användarprofil Skicka privat meddelande Besök användarens hemsida
spawn



Medlem i: 5706 dagar
Från: Gbg
Status: Offline



#737918
Inlägg Skrivet: 2014-10-07 11:35      Ämne: Citera

hehe sant "bara att bygga" har inte pillat med denna typen av bygge på länge. och tänkte på om någon redan viste att ja där borta finns en som är klar. att mankan moda den lite själv, för att just ta bort knappar för avsluta/"X" mm
 

_________________
*********************
[IRONI]Ännu en dag i paradiset[/IRONI]
IT-Tekniker hos JTMG
*********************
Till toppen på sidan
Visa användarprofil Skicka privat meddelande Besök användarens hemsida
info@aimdesign.se



Medlem i: 3869 dagar
Från: Märsta
Status: Offline



#737919
Inlägg Skrivet: 2014-10-07 12:59      Ämne: Citera

Jag kan snickra ihop det åt dig, om det går bra att ha det webb-baserat.
 

_________________
På svengelska -> It's not the fart that kills you, it's the smäll
Till toppen på sidan
Visa användarprofil Skicka privat meddelande Besök användarens hemsida
spawn



Medlem i: 5706 dagar
Från: Gbg
Status: Offline



#737931
Inlägg Skrivet: 2014-10-08 15:33      Ämne: Citera

ja absolut..
 

_________________
*********************
[IRONI]Ännu en dag i paradiset[/IRONI]
IT-Tekniker hos JTMG
*********************
Till toppen på sidan
Visa användarprofil Skicka privat meddelande Besök användarens hemsida
info@aimdesign.se



Medlem i: 3869 dagar
Från: Märsta
Status: Offline



#737933
Inlägg Skrivet: 2014-10-08 22:29      Ämne: Citera

http://www.webbkonsulter.se/multi/

Väldigt enkelt utformat.
Hoppas att det kan vara till hjälp. Säg till om någon behöver ändras eller om du vill ha källkoden så du kan lägga in det på din egen server.

EDIT: Det är helt gjort i html, js och jQuery, så ingen php eller sql.
 

_________________
På svengelska -> It's not the fart that kills you, it's the smäll
Till toppen på sidan
Visa användarprofil Skicka privat meddelande Besök användarens hemsida
spawn



Medlem i: 5706 dagar
Från: Gbg
Status: Offline



#737946
Inlägg Skrivet: 2014-10-10 13:29      Ämne: Citera

haha det är ju klockrent...
 

_________________
*********************
[IRONI]Ännu en dag i paradiset[/IRONI]
IT-Tekniker hos JTMG
*********************
Till toppen på sidan
Visa användarprofil Skicka privat meddelande Besök användarens hemsida
spawn



Medlem i: 5706 dagar
Från: Gbg
Status: Offline



#737970
Inlägg Skrivet: 2014-10-13 11:46      Ämne: Citera

ja tack, tar mer än gärna emot källkoden.
 

_________________
*********************
[IRONI]Ännu en dag i paradiset[/IRONI]
IT-Tekniker hos JTMG
*********************
Till toppen på sidan
Visa användarprofil Skicka privat meddelande Besök användarens hemsida
harald_b
Moderator



Medlem i: 4691 dagar
Från: Tavesta
Status: Offline



#737973
Inlägg Skrivet: 2014-10-13 13:32      Ämne: Citera

Det är bara att klicka på info@aimdesign.ses länk, och välja 'Spara sida som', så har du källkoden.
 

_________________
R.r - Ett fritt affärssystem
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
info@aimdesign.se



Medlem i: 3869 dagar
Från: Märsta
Status: Offline



#737975
Inlägg Skrivet: 2014-10-13 18:29      Ämne: Citera

index.php
KOD:
1:
 
2:
<!DOCTYPE html>
3:
<html lang="sv">
4:
   <head>
5:
      <title>
6:
         Multiplikation by Webbkonsulter
7:
      </title>
8:
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
9:
      <meta name="robots" content="noindex, nofollow">
10:
      <link rel="stylesheet" href="style.css" />
11:
      <script type="text/javascript">
12:
         function startTest()
13:
            {
14:
            antal = $("#randomId").val();
15:
            if (antal === undefined)
16:
               {
17:
               return;
18:
               }
19:
            $("#main_div").html("");
20:
            counter = 1;
21:
            while (counter <= antal)
22:
               {
23:
               talet1 = Math.floor((Math.random() * 10) + 1);
24:
               talet2 = Math.floor((Math.random() * 10) + 1);
25:
               while((talet1 == 10) || (talet1 == 1))
26:
                  {
27:
                  talet1 = Math.floor((Math.random() * 10) + 1);
28:
                  }
29:
               while((talet2 == 10) || (talet2 == 1))
30:
                  {
31:
                  talet2 = Math.floor((Math.random() * 10) + 1);
32:
                  }
33:
               facit = talet1 * talet2;
34:
               $("#main_div").append(counter + ".&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; " + talet1 + " * " + talet2 + " = <input type='number' id='" + counter + "'><input type='hidden' id='facit_" + counter + "' value='" + facit + "'><br />");
35:
               counter = counter + 1;
36:
               }
37:
            $("#main_div").append("<br /><button onClick='correctTest(antal);'>Rätta</button>");
38:
            }
39:
            
40:
         function correctTest(antal)
41:
            {
42:
            $("#resultDiv").html("");
43:
            counter = 1;
44:
            correctCounter = 0;
45:
            while (counter <= antal)
46:
               {
47:
               facit = $("#facit_" + counter).val();
48:
               supplied = $("#" + counter).val();
49:
               if (facit == supplied)
50:
                  {
51:
                  correctCounter++;
52:
                  $("#resultDiv").append("<br /><span style='color:#0f0;'>Nummer " + counter + " är rätt!</span>");
53:
                  }
54:
               else
55:
                  {
56:
                  $("#resultDiv").append("<br /><span style='color:#f00;'>Nummer " + counter + " är fel...</span>");
57:
                  }
58:
               counter++;
59:
               if (correctCounter == antal)
60:
                  {
61:
                  alert('Alla rätt! Bra jobbat!');
62:
                  }
63:
               }
64:
            }
65:
            
66:
         function myFunction()
67:
            {
68:
            screenHeight = window.innerHeight;
69:
            screenWidth = window.innerWidth;
70:
            objHeight = $("#main_div").height();
71:
            objWidth = $("#main_div").width();
72:
            
73:
            marginTop = (screenHeight - objHeight) / 2;
74:
            marginLeft = (screenWidth - objWidth) / 2;
75:
            $("#main_div").css({top: marginTop, left: marginLeft});
76:
            }
77:
         $(document).ready(function()
78:
            {
79:
            screenHeight = window.innerHeight;
80:
            screenWidth = window.innerWidth;
81:
            objHeight = $("#main_div").height();
82:
            objWidth = $("#main_div").width();
83:
            
84:
            marginTop = (screenHeight - objHeight) / 2;
85:
            marginLeft = (screenWidth - objWidth) / 2;
86:
            $("#main_div").css({top: marginTop, left: marginLeft});
87:
            setInterval(function(){myFunction()}, 1000);
88:
            });
89:
      </script>
90:
   </head>
91:
   <body>
92:
   
93:
      <div class="main_div" id="main_div">
94:
         <h2>
95:
            Multiplikation
96:
         </h2>
97:
         Välj antal rätt svar som krävs
98:
         <br /><br />
99:
         <input type="number" id="randomId" value="10" name="randomName" />
100:
         <br /><br />
101:
         <button onClick="startTest();">Starta</button>
102:
      </div>
103:
      <div id="resultDiv">
104:
      </div>
105:
   
106:
   </body>
107:
</html>
108:
 


style.css

KOD:
1:
 
2:
.main_div
3:
{
4:
background:linear-gradient(rgba(205,205,205,1), rgba(235,235,235,1));
5:
position:absolute;
6:
border:2px solid #000;
7:
border-radius:10px;
8:
padding:20px;
9:
}
 

_________________
På svengelska -> It's not the fart that kills you, it's the smäll
Till toppen på sidan
Visa användarprofil Skicka privat meddelande Besök användarens hemsida
EmilV
Ex-Moderator



Medlem i: 5959 dagar
Från: Lilla Edet
Status: Offline



#737976
Inlägg Skrivet: 2014-10-13 19:24      Ämne: Citera

All den JS-koden inline och så har du en extern stilmall på 9 rader. Smile

Det vore snyggare att köra myFunction vid både ready och resize så slipper man lagget med setInterval. Hela $(document).ready-blocket kan ersättas med:

KOD:
1:
 
2:
$(document).ready(myFunction);
3:
$(window).resize(myFunction);
4:
 


Annars kan även det här antimönstret:

KOD:
1:
 
2:
setInterval(function(){myFunction()}, 1000);
3:
 


kan ersättas med:

KOD:
1:
 
2:
setInterval(myFunction, 1000);
3:
 
 

_________________
Tänk!

EmilVikström.se | Bloglovin.com
Till toppen på sidan
Visa användarprofil Skicka privat meddelande Besök användarens hemsida
info@aimdesign.se



Medlem i: 3869 dagar
Från: Märsta
Status: Offline



#737977
Inlägg Skrivet: 2014-10-13 19:51      Ämne: Citera

EmilV skrev:
All den JS-koden inline och så har du en extern stilmall på 9 rader. Smile

Det vore snyggare att köra myFunction vid både ready och resize så slipper man lagget med setInterval. Hela $(document).ready-blocket kan ersättas med:

KOD:
1:
 
2:
$(document).ready(myFunction);
3:
$(window).resize(myFunction);
4:
 


Annars kan även det här antimönstret:

KOD:
1:
 
2:
setInterval(function(){myFunction()}, 1000);
3:
 


kan ersättas med:

KOD:
1:
 
2:
setInterval(myFunction, 1000);
3:
 


Haha ja nu är väl kanske inte detta min bästa jobb, har inte lagt ned så värst mycket tid på det.
Trodde jag skulle använda mer css, därav den externa css-filen.

Jag släpper det nu och låter TS göra de ändringar han/hon anser lämpliga. =)

EDIT: good point though, visste inte ens om funktionen $(window).resize(); =)
 

_________________
På svengelska -> It's not the fart that kills you, it's the smäll
Till toppen på sidan
Visa användarprofil Skicka privat meddelande Besök användarens hemsida
spawn



Medlem i: 5706 dagar
Från: Gbg
Status: Offline



#737979
Inlägg Skrivet: 2014-10-14 10:49      Ämne: Citera

hehe det blev visst andra diskutioner om detta =)

Men jag tackar grymt mycke för denna hjälp.
 

_________________
*********************
[IRONI]Ännu en dag i paradiset[/IRONI]
IT-Tekniker hos JTMG
*********************
Till toppen på sidan
Visa användarprofil Skicka privat meddelande Besök användarens hemsida
info@aimdesign.se



Medlem i: 3869 dagar
Från: Märsta
Status: Offline



#737981
Inlägg Skrivet: 2014-10-14 12:01      Ämne: Citera

spawn skrev:
hehe det blev visst andra diskutioner om detta =)

Men jag tackar grymt mycke för denna hjälp.


Uppdaterad kod. Integrerat css:en i index.php och ändrat i js-koden dels för centreringen av div:en och även resultatvisningen. Smile

KOD:
1:
 
2:
<!DOCTYPE html>
3:
<html lang="sv">
4:
   <head>
5:
      <title>
6:
         Multiplikation by Webbkonsulter
7:
      </title>
8:
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
9:
      <meta name="robots" content="index, follow">
10:
      <meta name="author" content="Webbkonsulter">
11:
      <style>
12:
         .main_div
13:
            {
14:
            background:linear-gradient(rgba(205,205,205,1), rgba(235,235,235,1));
15:
            position:absolute;
16:
            border:2px solid #000;
17:
            border-radius:10px;
18:
            padding:20px;
19:
            }
20:
      </style>
21:
      <script type="text/javascript">
22:
         function startTest()
23:
            {
24:
            antal = $("#randomId").val();
25:
            if (antal === undefined)
26:
               {
27:
               return;
28:
               }
29:
            $("#main_div").html("");
30:
            counter = 1;
31:
            while (counter <= antal)
32:
               {
33:
               talet1 = Math.floor((Math.random() * 10) + 1);
34:
               talet2 = Math.floor((Math.random() * 10) + 1);
35:
               while((talet1 == 10) || (talet1 == 1))
36:
                  {
37:
                  talet1 = Math.floor((Math.random() * 10) + 1);
38:
                  }
39:
               while((talet2 == 10) || (talet2 == 1))
40:
                  {
41:
                  talet2 = Math.floor((Math.random() * 10) + 1);
42:
                  }
43:
               facit = talet1 * talet2;
44:
               $("#main_div").append("<div style='display:inline;' id='result_" + counter + "'>" + counter + ".</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; " + talet1 + " * " + talet2 + " = <input type='number' id='" + counter + "'><input type='hidden' id='facit_" + counter + "' value='" + facit + "'><br />");
45:
               counter = counter + 1;
46:
               }
47:
            $("#main_div").append("<br /><button onClick='correctTest(antal);'>Rätta</button>");
48:
            }
49:
            
50:
         function correctTest(antal)
51:
            {
52:
            $("#resultDiv").html("");
53:
            counter = 1;
54:
            correctCounter = 0;
55:
            while (counter <= antal)
56:
               {
57:
               facit = $("#facit_" + counter).val();
58:
               supplied = $("#" + counter).val();
59:
               if (facit == supplied)
60:
                  {
61:
                  correctCounter++;
62:
                  $("#result_" + counter).html("<span style='color:#4a4;'>Rätt!</span>");
63:
                  // $("#resultDiv").append("<br /><span style='color:#0f0;'>Nummer " + counter + " är rätt!</span>");
64:
                  }
65:
               else
66:
                  {
67:
                  $("#result_" + counter).html("<span style='color:#f44;'>Fel...</span>");
68:
                  // $("#resultDiv").append("<br /><span style='color:#f00;'>Nummer " + counter + " är fel...</span>");
69:
                  }
70:
               counter++;
71:
               if (correctCounter == antal)
72:
                  {
73:
                  alert('Alla rätt! Bra jobbat!');
74:
                  }
75:
               }
76:
            }
77:
            
78:
         function myFunction()
79:
            {
80:
            screenHeight = window.innerHeight;
81:
            screenWidth = window.innerWidth;
82:
            objHeight = $("#main_div").height();
83:
            objWidth = $("#main_div").width();
84:
            
85:
            marginTop = (screenHeight - objHeight) / 2;
86:
            marginLeft = (screenWidth - objWidth) / 2;
87:
            $("#main_div").css({top: marginTop, left: marginLeft});
88:
            }
89:
         $(document).ready(myFunction);
90:
         $(window).resize(myFunction);
91:
      </script>
92:
   </head>
93:
   <body>
94:
   
95:
      <div class="main_div" id="main_div">
96:
         <h2>
97:
            Multiplikation
98:
         </h2>
99:
         Välj antal rätt svar som krävs
100:
         <br /><br />
101:
         <input type="number" id="randomId" value="10" name="randomName" />
102:
         <br /><br />
103:
         <button onClick="startTest();">Starta</button>
104:
      </div>
105:
      <div id="resultDiv">
106:
      </div>
107:
   
108:
   </body>
109:
</html>
110:
 
 

_________________
På svengelska -> It's not the fart that kills you, it's the smäll
Till toppen på sidan
Visa användarprofil Skicka privat meddelande Besök användarens hemsida
Visa tidigare inlägg:   
Skapa nytt inlägg   Svara på inlägget
PHPportalen Forum Index » Övrig mjukvara
Hoppa till:  
Du kan inte skapa nya inlägg i det här forumet
Du kan inte svara på inlägg i det här forumet
Du kan inte ändra dina inlägg i det här forumet
Du kan inte ta bort dina inlägg i det här forumet
Du kan inte rösta i det här forumet
Du kan inte bifoga filer i detta forum
Du kan inte ladda ner filer från detta forum
Kontakta oss på adressen: info@phpportalen.net
Webbplatsen bygger i grunden på phpBB © 2001, 2002 phpBB Group

Modifieringar har senare gjorts i systemet av PHPportalen
Sid och logotypdesign skapad av Daren Jularic