JavaScript [Absoluter Neuling] JavaScript Spiel

[Gamer007]

Hey Leute,

ich hab in der Schule Informatik belegt und leider einen Lehrer erwischt der weder erklärt, noch Arbeitsmaterialien verteilt (Im Prinzip kann man sich das so vorstellen:
"Eure Programmiersprache ist JavaScript, ihr sollt ein Würfelspiel programmieren. Jetzt macht mal." Ohne das geringste bisschen zu erklären wie JavaScript überhaupt funktioniert und wie wir es am besten programmieren).
Ich hab mir in den letzten Tagen stundenlang Tutorials durchgelesen, die mich aber leider nicht sonderlich weiter gebracht haben^^
Da morgen der Abgabetermin ist, und ich ausser den HTML-Elementen noch nichts geschafft habe und der Rest meiner Gruppe es auch nicht hinkriegt wollte ich hier mal fragen^^

Das Spiel soll folgendermaßen aussehen:

2 Spieler haben die Möglichkeit, auf 6 Spalten einer "gedachten" Tabelle (Nummeriert von 0-5) insgesamt 18 Chips zu verteilen. Ein Würfelscript würfelt dann mit 2 Würfeln 2 Zahlen aus. Deren Differenz entscheidet, aus welcher Spalte ein Chip wieder weggenommen wird. Der erste Spieler, der keine Chips mehr in seiner Tabelle hat, hat gewonnen.

Ich hatte für das Platzieren der Chips folgende Idee:
Es werden so lange weiße Bilddateien angezeigt, bis ich auf einen Button drücke umd einen Chip zu platzieren. An dieser Stelle wird dann die weiße Bilddatei gegen die Chip-Bilddatei ausgetauscht.
Da scheiterts aber bei mir schon^^
Die Bilddateien sind durchnummeriert mit id's von 1-36.
Ich habs so versucht:

var chips = document.getElementById("1");
var img = new Image();
img.src= ("c1.png"); (c1.png = Dateiname der Chip-Bilddatei)
chips.appendChild(img)

Jedoch funktioniert das nicht.
Wie kann ich eine funktion definieren die beim drücken des Buttons die vorhandene weiße Bilddatei gegen die Chip-Bilddatei ersetzt?

Sry is ein langer text^^

MfG

Gamer007

 

[Hancock]

Also ich würde das ganze spartanischer machen. Pro Spieler 5 inputs und dann ein Button "Spielen".
Per onchange-Event dann aufpassen, dass niemand zu viele Chips legt und fertig.

Sonst: new Image(); Hast du ne Klasse Image?
Du meist eher document.createElement("img");
Dann warum machst du Klammer um c1.png? anführungszeichen reichen.

Zum reinen Ändern musst du nur elem.src="c1.png" machen.

 

[Gamer007]

Okay Danke werd ich direkt mal ausprobieren
Tut mir echt leid wegen meiner Unerfahrenheit aber wie gesagt mein Lehrer is sehr unfähig^^
Wie genau funktioniert das mit dem onchange-Event?

 

[Steffenforever]

http://de.selfhtml.org/javascript/sprache/eventhandler.htm

Wie euer Lehrer so eine Arbeit verlangen kann ist mir ein Rätsel wenn man noch nie etwas mit Java am Hut hatte.

 

[Gamer007]

Genau das find ich auch.
Is eig ein Unding. Ich mein er wird dafür bezahlt uns was beizubringen^^
Das war vor kurzem schonmal so mit HTML. Da hat er auch nur ganz grundlegende Dinge erklärt, z.B. wie man eine Tabelle definiert. Da konnte ich mir aber noch alles gut aus dem Internet anlesen.

 

[Black_Panter]

Ich kann mir ehrlich gesagt nur schwer vorstellen das ein Lehrer sagt: Ihr programmiert Projext xyz in Sprache abc.
Ich seh es auch nicht als die Aufgabe des Lehrers euch jedes Detail vorzukauen. In meinen Augen sollte man dazu fähig sein aus den Grundlagen weiterzuarbeiten und sich das fehlende Wissen zu besorgen.

 

[narzissm]

Ich kann mir ehrlich gesagt nur schwer vorstellen das ein Lehrer sagt: Ihr programmiert Projext xyz in Sprache abc.
Ich seh es auch nicht als die Aufgabe des Lehrers euch jedes Detail vorzukauen. In meinen Augen sollte man dazu fähig sein aus den Grundlagen weiterzuarbeiten und sich das fehlende Wissen zu besorgen.

Wenn man sich schon öfter in solche Dinge eingearbeitet hat, z.B. weil man beruflich programmiert, ist das sicher der Fall. Aber als totaler Laie kann der Einstieg ohne fremde Hilfe imo sehr schwer sein, wenn man nicht gerade extremes Talent oder viel Zeit sich selber reinzuarbeiten hat.

 

[Gamer007]

@ Black_Panther

Prinzipiell hast du Recht.
Bei HTML hats super geklappt wir haben ein paar Grundlagen bekommen und dann hab ich mir das fehlende Wissen im Internet angelesen
Aber das Problem hierbei war, dass wir noch nicht mal Grundlagen hatten^^

Ich kam mir son bissl so vor wie wenn man im Mathebuch hinten anfängt^^

 

[derlolomat]

Trotz allem ist das hier kein Hausaufgabenforum.