Zufällige Verteilung der Münzen – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Zufällige Verteilung der Münzen Fri, 11 Jan 19 18:45:02 Z https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740506#m1740506 https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740506#m1740506 <p>Hallo,</p> <p>ich programmiere ein Spiel, bei dem der Charakter Münzen in einer bestimmten Zeit sammeln muss. Die Steuerung habe ich fertig, jetzt will ich aber die Münzen zufällig auf dem Spielfeld verteilen. Und hier liegt das Problem. Eigentlich sollen die Münzen am ganzen Spielfeld erscheinen, aber stattdessen kommt diese Fehlermeldung: Uncaught TypeError: coins[i].css is not a function at HTMLDocument.<anonymous> (SpielMitCoins.html:44) at mightThrow (jquery-3.3.1.js:3534) at process (jquery-3.3.1.js:3602) Das ist der Code:</p> <pre><code class="block language-html"><span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>utf-8<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>X-UA-Compatible<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>IE=edge<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>Sammle die Münzen<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>width=device-width, initial-scale=1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/css<span class="token punctuation">"</span></span> <span class="token attr-name">media</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>screen<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>SpielMitMünzen.css<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Jquery/jquery-3.3.1.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>playground<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>sprite<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Player.png<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span> </code></pre> <pre><code class="block language-javascript"> <span class="token function">$</span><span class="token punctuation">(</span>document<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">ready</span><span class="token punctuation">(</span><span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">let</span> sprite <span class="token operator">=</span> <span class="token function">$</span><span class="token punctuation">(</span><span class="token string">".sprite"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">let</span> spritePos <span class="token operator">=</span> sprite<span class="token punctuation">.</span><span class="token function">position</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">let</span> playground <span class="token operator">=</span> <span class="token function">$</span><span class="token punctuation">(</span><span class="token string">".playground"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">let</span> coins <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span> <span class="token keyword">let</span> i <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">;</span> <span class="token keyword">while</span> <span class="token punctuation">(</span>i <span class="token operator"><=</span> <span class="token number">20</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">let</span> coin <span class="token operator">=</span> $<span class="token punctuation">.</span><span class="token function">parseHTML</span><span class="token punctuation">(</span><span class="token string">"<img class=\"coinimg\" src=\"Coin.png\">"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> coins<span class="token punctuation">.</span><span class="token function">push</span><span class="token punctuation">(</span>coin<span class="token punctuation">)</span><span class="token punctuation">;</span> min <span class="token operator">=</span> <span class="token operator">-</span><span class="token number">332.00125</span><span class="token punctuation">;</span> max <span class="token operator">=</span> <span class="token number">517.99875</span><span class="token punctuation">;</span> <span class="token keyword">let</span> positionCoinX <span class="token operator">=</span> <span class="token function">toString</span><span class="token punctuation">(</span><span class="token punctuation">(</span>Math<span class="token punctuation">.</span><span class="token function">random</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">*</span> <span class="token punctuation">(</span>max <span class="token operator">-</span> min<span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token operator">+</span> min<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">let</span> MinY <span class="token operator">=</span> <span class="token operator">-</span><span class="token number">182</span><span class="token punctuation">;</span> <span class="token keyword">let</span> MaxY <span class="token operator">=</span> <span class="token number">168</span><span class="token punctuation">;</span> <span class="token keyword">let</span> positionCoinY <span class="token operator">=</span> <span class="token function">toString</span><span class="token punctuation">(</span><span class="token punctuation">(</span>Math<span class="token punctuation">.</span><span class="token function">random</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">*</span> <span class="token punctuation">(</span>MaxY <span class="token operator">-</span> MinY<span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token operator">+</span> MinY<span class="token punctuation">)</span><span class="token punctuation">;</span> coins<span class="token punctuation">[</span>i<span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token function">css</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="token literal-property property">left</span><span class="token operator">:</span> positionCoinX <span class="token operator">+</span> <span class="token string">"px"</span><span class="token punctuation">,</span> <span class="token literal-property property">top</span><span class="token operator">:</span> positionCoinY <span class="token operator">+</span> <span class="token string">"px"</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> playground<span class="token punctuation">.</span><span class="token function">prepend</span><span class="token punctuation">(</span>coins<span class="token punctuation">[</span>i<span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> i<span class="token operator">++</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>coins<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token function">$</span><span class="token punctuation">(</span>document<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">keydown</span><span class="token punctuation">(</span><span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">switch</span> <span class="token punctuation">(</span>event<span class="token punctuation">.</span>key<span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">case</span> <span class="token string">"ArrowUp"</span><span class="token operator">:</span> <span class="token keyword">if</span> <span class="token punctuation">(</span>spritePos<span class="token punctuation">.</span>top <span class="token operator"><=</span> <span class="token operator">-</span><span class="token number">182</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">break</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> spritePos<span class="token punctuation">.</span>top <span class="token operator">-=</span> <span class="token number">10</span><span class="token punctuation">;</span> sprite<span class="token punctuation">.</span><span class="token function">animate</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="token literal-property property">top</span><span class="token operator">:</span> spritePos<span class="token punctuation">.</span>top <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">25</span><span class="token punctuation">)</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>spritePos<span class="token punctuation">.</span>top<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">break</span><span class="token punctuation">;</span> <span class="token keyword">case</span> <span class="token string">"ArrowLeft"</span><span class="token operator">:</span> <span class="token keyword">if</span> <span class="token punctuation">(</span>spritePos<span class="token punctuation">.</span>left <span class="token operator"><=</span> <span class="token operator">-</span><span class="token number">322.49925</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">break</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> spritePos<span class="token punctuation">.</span>left <span class="token operator">-=</span> <span class="token number">10</span><span class="token punctuation">;</span> sprite<span class="token punctuation">.</span><span class="token function">animate</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="token literal-property property">left</span><span class="token operator">:</span> spritePos<span class="token punctuation">.</span>left <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">25</span><span class="token punctuation">)</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>spritePos<span class="token punctuation">.</span>left<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">break</span><span class="token punctuation">;</span> <span class="token keyword">case</span> <span class="token string">"ArrowRight"</span><span class="token operator">:</span> <span class="token keyword">if</span> <span class="token punctuation">(</span>spritePos<span class="token punctuation">.</span>left <span class="token operator">>=</span> <span class="token number">517.99875</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">break</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> spritePos<span class="token punctuation">.</span>left <span class="token operator">+=</span> <span class="token number">10</span><span class="token punctuation">;</span> sprite<span class="token punctuation">.</span><span class="token function">animate</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="token literal-property property">left</span><span class="token operator">:</span> spritePos<span class="token punctuation">.</span>left <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">25</span><span class="token punctuation">)</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>spritePos<span class="token punctuation">.</span>left<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">break</span><span class="token punctuation">;</span> <span class="token keyword">case</span> <span class="token string">"ArrowDown"</span><span class="token operator">:</span> <span class="token keyword">if</span> <span class="token punctuation">(</span>spritePos<span class="token punctuation">.</span>top <span class="token operator">>=</span> <span class="token number">168</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">break</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> spritePos<span class="token punctuation">.</span>top <span class="token operator">+=</span> <span class="token number">10</span><span class="token punctuation">;</span> sprite<span class="token punctuation">.</span><span class="token function">animate</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="token literal-property property">top</span><span class="token operator">:</span> spritePos<span class="token punctuation">.</span>top <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">25</span><span class="token punctuation">)</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>spritePos<span class="token punctuation">.</span>top<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">break</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </code></pre> <p>Was muss ich anders machen?</p> Zufällige Verteilung der Münzen Fri, 11 Jan 19 19:32:53 Z https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740516#m1740516 https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740516#m1740516 <p>Hm. Das <code>coins[i].css</code> ist wirklich keine Funktion, Du notierst da aber etwas, was wie eine solche aussieht (Achte auf die runden Klammern!):</p> <pre><code class="block bad language-js"> coins<span class="token punctuation">[</span>i<span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token function">css</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="token literal-property property">left</span><span class="token operator">:</span> positionCoinX <span class="token operator">+</span> <span class="token string">"px"</span><span class="token punctuation">,</span> <span class="token literal-property property">top</span><span class="token operator">:</span> positionCoinY <span class="token operator">+</span> <span class="token string">"px"</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </code></pre> <p>willst statt dessen Du nicht lieber:</p> <pre><code class="block language-js"> coins<span class="token punctuation">[</span>i<span class="token punctuation">]</span><span class="token punctuation">.</span>style<span class="token punctuation">.</span>left <span class="token operator">=</span> positionCoinX <span class="token operator">+</span> <span class="token string">"px"</span><span class="token punctuation">;</span> coins<span class="token punctuation">[</span>i<span class="token punctuation">]</span><span class="token punctuation">.</span>style<span class="token punctuation">.</span>top <span class="token operator">=</span> positionCoinY <span class="token operator">+</span> <span class="token string">"px"</span><span class="token punctuation">;</span> </code></pre> <p>notieren?</p> Zufällige Verteilung der Münzen Fri, 11 Jan 19 23:31:04 Z https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740541#m1740541 https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740541#m1740541 <p>Tach!</p> <blockquote> <p>Uncaught TypeError: coins[i].css is not a function</p> <p>Was muss ich anders machen?</p> </blockquote> <p>Wenn coins[i].css keine Funktion ist, dann ist coins[i] wohl nicht das Objekt, das du vermutest. Debugging heißt die Strategie, um Ursachen zu finden. console.log() ist eine wichtige Funktion, aber Breakpoint setzen und Variableninhalte direkt anschauen, geht auch in jedem modernen Browser, ohne Code ändern zu müssen.</p> <p>dedlfix.</p> Zufällige Verteilung der Münzen Sun, 13 Jan 19 19:54:37 Z https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740665#m1740665 https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740665#m1740665 <p>Hallo af2111, Sorry, irgendwie habe ich es geschafft, <a href="https://forum.selfhtml.org/self/2019/jan/9/img-in-jquery-auf-tastendruck-nach-oben-bewegen/1740536#m1740536" rel="noopener noreferrer">meine Antwort</a> an den falschen thread zu hängen. Da sie dot keinen Sinn macht hier nochmal als Vollzitat</p> <blockquote> <p>mir ist aufgefallen, dass dein i++ nicht innerhalb der Schleife steht. Dadurch wirst du vermutlich eine endlosschleife bekommen. Und was coins.push(coin) macht, wenn "unendlich" viele Elemente in das Array gepusht werden, weiß ich ehrlich gesagt nicht. Versuch einfach mal, das i++ innerhalb der geschweiften Klammern der Schleife zu schreiben.</p> <p>Viele Grüße und viel Erfolg mit dem Spiel</p> <p>mbr</p> </blockquote> <p>@moderatoren: gibt es eine Möglichkeit, die alte Antwort zu löschen - oder zumindest auf "NoArchive" zu setzen? Oder ist es besser, mit dem "Spam" dort zu leben? Ich bitte nochmals um Entschuldigung, irgendwas ist da vorgestern schiefgegangen... (war länger nicht mehr hier - beziehungsweise habe nur still mitgelesen – muss mich ans posten erst wieder gewöhnen)</p> Zufällige Verteilung der Münzen Fri, 11 Jan 19 19:43:15 Z https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740517#m1740517 https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740517#m1740517 <p>Naja, jetzt kommt die Meldung:</p> <p>jquery-3.3.1.js:3827 Uncaught TypeError: Cannot set property 'left' of undefined at HTMLDocument.<anonymous> (SpielMitCoins.html:44) at mightThrow (jquery-3.3.1.js:3534) at process (jquery-3.3.1.js:3602)</p> Zufällige Verteilung der Münzen Fri, 11 Jan 19 20:27:06 Z https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740523#m1740523 https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740523#m1740523 <p>Hallo ursus contionabundo,</p> <blockquote> <p>Hm. Das <code>coins[i].css</code> ist wirklich keine Funktion, Du notierst da aber etwas, was wie eine solche aussieht (Achte auf die runden Klammern!):</p> <pre><code class="block bad language-js"> coins<span class="token punctuation">[</span>i<span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token function">css</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="token literal-property property">left</span><span class="token operator">:</span> positionCoinX <span class="token operator">+</span> <span class="token string">"px"</span><span class="token punctuation">,</span> <span class="token literal-property property">top</span><span class="token operator">:</span> positionCoinY <span class="token operator">+</span> <span class="token string">"px"</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </code></pre> </blockquote> <p>Grundsätzlich sollte eine solche Schreibweise <a href="http://api.jquery.com/css/#css2" rel="nofollow noopener noreferrer">möglich sein</a>.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Pantoffeltierchen haben keine Hobbys. </div> Zufällige Verteilung der Münzen Sat, 12 Jan 19 17:19:30 Z https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740593#m1740593 https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740593#m1740593 <p>Hallo ursus,</p> <blockquote> <p>Das coins[i].css ist wirklich keine Funktion</p> </blockquote> <p>Grundsätzlich ist es das schon, wenn denn coins[i] ein jQuery Set wäre. Das bekommt man von $.parseHTML aber nicht; ich bekomme davon ein Array mit einem <img> Element drin.</p> <p>Ein jQuery-Set erhält man mit $("<img class='coin' src='...'>"), und darauf kann man auch die css-Methode anwenden. Dieses Set kann man auch im Array speichern und aus Event-Handlern heraus per .animate() bewegen.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - clusi </div> Zufällige Verteilung der Münzen Fri, 11 Jan 19 20:08:09 Z https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740521#m1740521 https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740521#m1740521 <blockquote> <p>Naja, jetzt kommt die Meldung: jquery-3.3.1.js:3827 Uncaught TypeError: Cannot set property 'left' of undefined at HTMLDocument.</p> </blockquote> <p>Dann schmeiss jquery raus. Du benutzt davon 0,01% und das an völlig unnötigen Punkten. Das alles geht ohne Aufwand auch in Vanilla-Js.</p> Zufällige Verteilung der Münzen Fri, 11 Jan 19 20:22:36 Z https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740522#m1740522 https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740522#m1740522 <p>Hallo,</p> <blockquote> <p>… Vanilla-Js.</p> </blockquote> <p>und den Link zum <a href="https://wiki.selfhtml.org/wiki/JavaScript/Window/setInterval#Random_Walk_2" rel="nofollow noopener noreferrer">Random Walk</a> im Wiki hatte ich im anderen Thread ja schon verlinkt. Da findest du, wie du Objekte positionieren kannst.</p> <p>Neue Münzbilder kannst du mit <a href="https://wiki.selfhtml.org/wiki/JavaScript/DOM/Document/createElement" rel="nofollow noopener noreferrer">createElement</a> und <a href="https://wiki.selfhtml.org/wiki/JavaScript/DOM/Node/appendChild" rel="nofollow noopener noreferrer">appendChild</a> erzeugen.</p> <p>Gruß<br> Jürgen</p> Zufällige Verteilung der Münzen Fri, 11 Jan 19 22:09:17 Z https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740531#m1740531 https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740531#m1740531 <p>@@JürgenB</p> <blockquote> <p>und den Link zum <a href="https://wiki.selfhtml.org/wiki/JavaScript/Window/setInterval#Random_Walk_2" rel="nofollow noopener noreferrer">Random Walk</a> im Wiki hatte ich im anderen Thread ja schon verlinkt. Da findest du, wie du Objekte positionieren kannst.</p> </blockquote> <p>Wie du Objekte statisch positionieren kannst, ja. Wie du Objekte animieren kannst, <a href="https://forum.selfhtml.org/self/2019/jan/9/img-in-jquery-auf-tastendruck-nach-oben-bewegen/1740530#m1740530" rel="noopener noreferrer">nein</a>.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Zufällige Verteilung der Münzen Sun, 13 Jan 19 20:29:45 Z https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740667#m1740667 https://forum.selfhtml.org/self/2019/jan/11/zufaellige-verteilung-der-muenzen/1740667#m1740667 <p>Hallo mbr,</p> <blockquote> <p>@moderatoren: gibt es eine Möglichkeit, die alte Antwort zu löschen</p> </blockquote> <p>Erledigt.</p> <blockquote> <p>Ich bitte nochmals um Entschuldigung</p> </blockquote> <p>Kein Problem. Und dafür musst du dich auch nicht entschuldigen.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Pantoffeltierchen haben keine Hobbys. </div>