Bitte lösche zukünftig dein Eingangsthema nicht. Es kann sein, dass andere das gleiche Probleme haben -
und wenn dein Eingangspost nicht mehr da ist ergibt dies alles keinen Zusammenhang mehr.
Vielen Dank!
Mod: Eingangsthema wiederhergestellt.
Schöne Grüße
Crossposting ist nicht erlaubt! Thema geschlossen!
Stef werde mir das Ansehen. Jedoch ist die Seite, auf der die Datenbank ausgelesen wird. Serverseitig mit einem Verzeichnisschutz bereits gesichert, da es eine Adminseite ist.
Der Verzeichnisschutz bringt dir dabei jedoch nichts. Denn via SQL-Injection greift der Angreifer direkt auf deine Datenbank zu.
Beispiel:
$bezahlt = mysqli_query($db, "SELECT bezahlt FROM Bezahlung WHERE id = '$passid'");In $passid steht nun: 0' OR .... = '2' OR .... = '3
Dann sieht deine SQL Abfrage so aus:
$bezahlt = mysqli_query($db, "SELECT bezahlt FROM Bezahlung WHERE id = '0' OR id = '2' OR id = '3'");Ist schon ein gravierender Unterschied.
Grüße,
Stef
Hey zusammen,
ich habe mich nochmal über die Ausbildung zum Fachinformatiker für Anwendungsentwicklung informiert und lese da sehr oft, dass Unternehmen Anforderungen wie technisches Verständnis und handwerkliches Geschick haben.
Für was braucht man diese beiden Fähigkeiten in der Anwendungsentwicklung?
Freue mich von euch zu hören.
Grüße.
Stef
Nur ohne das oder ohne php bekommt der Button nach den neu laden keine andere Farbe
Er kann auch auf den Button beim Click die Funktion preventDefault() anwenden welche verhindert, dass die Seite neu geladen wird.
Crossposting nicht erlaubt! Thema geschlossen.
Hey,
schaue mal hier unter Farbe (CSS). Außerdem lohnt es sich wenn man eine Webseite erstellen möchte zu erst das benötigte Wissen zu erlernen.
Hier kannst du es: https://www.html-seminar.de/
Grüße,
Stef
Hey,
wenn ich deine Seite aufrufe kommt ein 404 Error.
Hey,
in deinen Datenbankanweisungen hast du auch Sicherheitslücken. Siehe SQL-Injection. Um die SQL-Injection Lücken zu schließen gibt es die Prepared Statements.
Grüße,
Stef
Alles anzeigenBei dem Fiddle muss ich doch vorsichtig Bedenken anmelden:
1. ul als direktes Kind von ul ist nicht valide
2. Die Beschreibung gehört zu dem Bild und sollte daher sowohl aus semantischen als auch funktionalen Gründen in dem li mit dem Bild liegen.
3. Fraglich, ob eine Liste für die Beschreibung in diesem Fall semantisch sinnvoll ist. Wahrscheinlich liegt der TO mit Überschrift und Absätzen schon richtig.
4. Löst nicht das Problem des TO, denn die Beschreibung nimmt nach wie vor nach rechts die gesamte Fensterbreite in.
Danke für die Info Sempervivum. Ich dachte aufgrund meines bisherigen Wissen auf Bezug von Mehrfach-Dropdowns, dass man auch ein <ul> in einem <ul> verwenden kann. Da hatte ich dann wohl die falsche Information aufgenommen.
Grüße,
Stef
Hey,
Du kannst anstatt dem Div eine 2 Liste erstellen in der die Beschreibung des Slidebildes steht.
Beispiel: https://jsfiddle.net/12pkv46q/
Grüße,
Stef
Crosspost ist nicht erlaubt! Thema geschlossen!
Moin,
philipp-schoene : Ich verstehe es vollkommen. Wenn man von einem Bereich keine Ahnung hat, kann man nicht wissen was alles benötigt wird. Allerdings finde ich, dass wenn man ein Thema erstellt, dass man sich davor hinsetzt und alle wichtige Infos für dieses Thema sammelt wie sein klares und konkretes Ziel was man erreichen will, seine eigenen Versuchen, der Aufbau der Struktur, etc...
Guten Morgen,
vielen Dank für eure Hilfe. Besonders für die 2 Empfehlungen Sempervivum ! 
Das Spiel läuft
Ich habe bis eben nochmal den Code umgeschrieben und dabei festgestellt, dass die mehrfache Ausgabe zum Teil auch an der Ausgabefunktion lag. Ich habe nun den Eventlistener, die Start Variable sowie ein Boolean, der überprüft ob bereits auf das Feld geklickt wurde, außerhalb platziert sowie die Ausgabefunktion umgeschrieben und die Spielerliste nach der Bestzeit sortiert.
tbodyContent += `<tr>
<td>${playerList[a][0]}</td>
<td>${playerList[a][1]}</td>
</tr>`;
}Du hast den Ausgabe HTML Code in `` gesetzt und musstest dann damit auf das JS-Array zugegriffen wird ein $ vor dem JS Array setzten. Ich finde zu dieser Möglichkeit im Internet überhaupt nichts.
Kannst du mir dies bitte genauer erklären? Darüber wäre ich sehr dankbar.
Das ist der endgültig funktionierende JS Code:
"use strict";
window.addEventListener("load", function(){
let formularSection = document.getElementById("formularBereich");
let formular = document.getElementById("gameFormular");
let playForm = document.getElementById("playForm");
let buttonsAfterGame = document.getElementById("buttonsAfterGame");
let playerNameField = document.getElementById("spielername");
let ergebnisSection = document.getElementById("ergebnis");
let startGameButton = document.getElementById("startGame");
let startGameAgain = document.getElementById("startGameAgain");
let startGameWithNewName = document.getElementById("startGameWithNewName");
let error = document.getElementById("fehler");
let player;
let randomSeconds;
let start = null;
let end;
let neededTime;
let isPlayed = false;
let playerList = [];
let gameSection = document.getElementById("clickBereich");
let eventListenerGameLogicExecuted = false;
gameSection.style.display = "none";
buttonsAfterGame.style.display = "none";
let startGame = function(event){
event.preventDefault();
randomSeconds = Math.random() * 5000;
if(!isPlayed){
player = playerNameField.value;
if(player !== ""){
if(error.innerText !== ""){
error.innerText = "";
}
formular.reset();
formularSection.style.display = "none";
gameSection.style.display = "block";
setTimeout(playGame, randomSeconds);
} else{
error.innerText = "Bitte trage deinen Namen ein!";
}
}else{
formularSection.style.display = "none";
gameSection.style.display = "block";
setTimeout(playGame, randomSeconds);
}
};
let playGame = function(){
start = Date.now();
gameSection.style.backgroundColor = "blue";
if(eventListenerGameLogicExecuted){
gameSection.addEventListener("click", gameLogic, false);
}
};
let gameLogic = function(){
end = Date.now();
neededTime = (end - start) / 1000;
if(neededTime < 1){
ergebnisSection.innerText = "Super Reaktion! Du hast " + neededTime + " Sekunden benötigt";
} else if(neededTime > 1 && neededTime < 3){
ergebnisSection.innerText = "Gute Reaktion! Du hast " + neededTime + " Sekunden benötigt";
} else{
ergebnisSection.innerText = "Deine Reaktion war okay! Du hast " + neededTime + " Sekunden benötigt";
}
isPlayed = true;
getPlayerScores(neededTime);
showPlayersScores();
eventListenerGameLogicExecuted = true;
gameSection.removeEventListener('click', gameLogic, false);
setTimeout(showButtonsAfterGame, 4000);
}
let showButtonsAfterGame = function(){
ergebnisSection.innerText = "";
gameSection.style.display = "none";
gameSection.style.backgroundColor = "white";
formularSection.style.display = "block";
playForm.style.display = "none";
buttonsAfterGame.style.display = "block";
};
let showTheGameFormular = function(event){
event.preventDefault();
isPlayed = false;
playForm.style.display = "block";
buttonsAfterGame.style.display = "none";
}
let getPlayerScores = function(neededTime){
playerList.push([player, neededTime]);
};
let showPlayersScores = function(){
let tBody = document.getElementById("body");
let tbodyContent = "";
if(playerList.length > 0){
for(let a = 0; a < playerList.length; a++){
playerList.sort(function(a,b) {
return a[1] - b[1];
});
tbodyContent += `<tr>
<td>${playerList[a][0]}</td>
<td>${playerList[a][1]}</td>
</tr>`;
}
tBody.innerHTML = tbodyContent;
}
};
gameSection.addEventListener("click", gameLogic, false);
startGameButton.addEventListener("click", startGame);
startGameAgain.addEventListener("click", startGame);
startGameWithNewName.addEventListener("click", showTheGameFormular);
});Grüße,
Stef
Hey,
Da kann man ja jetzt die userid abfragen also anzeigen lassen da man mit dieser eingeloggt ist
In der Index wird beim Login der Username als Session gespeichert. Dort kannst du die Id als Session abspeichern. Wenn du diese abgespeichert hast kannst du auf diese auch zugreifen solange die Session aktiv und vorhanden ist.
Grüße
Hey,
philipp-schoene, m.scatello, Arne Drews : Bitte beachtet zusammen einen respektvollen Umgang! Vielen Dank!
&
philipp-schoene :
Wenn du Hilfe zu einem Thema brauchst beschreibe dein Thema konkret und poste dazu alle notwendigen Infos die uns es erleichtern zu helfen. Ich habe mir dieses ganze Thema angeschaut und gebe Arne Recht, dass du erst nach und nach wichtige Infos preisgegeben hast.
Grüße,
Stef
Crosspost: Thema geschlossen!
Hey,
Das Spiel wird mit der Anonymen Funktion playGame ausgeführt. Zuerst muss in dieser Funktion der Startzeitpunkt festgelegt werden wenn der background des Divs die Farbe ändert. Dann wird das Clickevent beim Klick auf das Div ausgelöst. In diesem wird dann der Endzeitpunkt festgelegt.
Den Startzeitpunkt kann ich ja nicht einfach außerhalb platzieren weil dieser erst gesetzt werden soll wenn der Spieler auf "Starte Spiel" geklickt hat. Sonst habe ich verfälschte Zeitwerte.
Ich möchte, dass das Div erst geklickt werden kann wenn die Farbe erscheint. Davor soll es nicht möglich sein.
Wenn ich andere Anforderungen hätte könnte ich, durch deinen Tipp, den Eventlistener auch außerhalb definieren und dann über Parameter den Startzeitpunkt übergeben. Dies strebe ich jedoch nicht an.
basti1012 :
Werde ich mir anschauen.
Stef
Hey zusammen,
ich befasse mich gerade mit JavaScript und habe einen Reaktionsmesser programmiert inklusive Scoreliste, Spiel starten mit neuem Namen und erneut spielen.
Das Spiel funktioniert soweit auch. Das Problem was ich habe ist, dass ich in einer Funktion einen EventListener habe der nach dem ersten Spiel mehrfach neu erzeugt wird. Dieses Problem hatte ich schonmal. Damals habe ich die Eventlistener dann außerhalb des Click Events platziert damit sie nicht mehrfach generiert werden. Jetzt ist es so, dass dieser Eventlistener jedoch nicht außerhalb platziert werden kann weil sonst das Spiel nicht mehr funktioniert.
Es geht um den Eventlistener in dem die Scores in die Arrays eingefügt werden und ausgegeben werden. Im Anhang ist ein Bild der die Scoresliste nach dem 2ten Spieldurchlauf zeigt.
Ich habe schon echt viel getestet und weiß nicht weiter...
Habt ihr Tipps? Ratschläge?
Hier ist der JS Code:
"use strict";
window.addEventListener("load", function(){
let formularSection = document.getElementById("formularBereich");
let formular = document.getElementById("gameFormular");
let playForm = document.getElementById("playForm");
let buttonsAfterGame = document.getElementById("buttonsAfterGame");
let playerNameField = document.getElementById("spielername");
let ergebnisSection = document.getElementById("ergebnis");
let startGameButton = document.getElementById("startGame");
let startGameAgain = document.getElementById("startGameAgain");
let startGameWithNewName = document.getElementById("startGameWithNewName");
let error = document.getElementById("fehler");
let player;
let isPlayed = false;
let playerList = [];
let playerTime = [];
let randomSeconds = Math.random() * 5000;
let gameSection = document.getElementById("clickBereich");
gameSection.style.display = "none";
buttonsAfterGame.style.display = "none";
// 1. Spieleformular auswerten
let startGame = function(event){
event.preventDefault();
if(!isPlayed){
player = playerNameField.value;
if(player !== ""){
if(error.innerText !== ""){
error.innerText = "";
}
formular.reset();
formularSection.style.display = "none";
gameSection.style.display = "block";
setTimeout(playGame, randomSeconds);
} else{
error.innerText = "Bitte trage deinen Namen ein!";
}
}else{
formularSection.style.display = "none";
gameSection.style.display = "block";
setTimeout(playGame, randomSeconds);
}
};
let playGame = function(){
let start = Date.now();
gameSection.style.backgroundColor = "blue";
gameSection.addEventListener("click", function(){
let end = Date.now();
let neededTime = (end - start) / 1000;
if(neededTime < 1){
ergebnisSection.innerText = "Super Reaktion! Du hast " + neededTime + " Sekunden benötigt";
} else if(neededTime > 1 && neededTime < 3){
ergebnisSection.innerText = "Gute Reaktion! Du hast " + neededTime + " Sekunden benötigt";
} else{
ergebnisSection.innerText = "Deine Reaktion war okay! Du hast " + neededTime + " Sekunden benötigt";
}
isPlayed = true;
getPlayerScores(neededTime);
showPlayersScores();
setTimeout(showButtonsAfterGame, 4000);
}, false);
};
let showButtonsAfterGame = function(){
ergebnisSection.innerText = "";
gameSection.style.display = "none";
gameSection.style.backgroundColor = "white";
formularSection.style.display = "block";
playForm.style.display = "none";
buttonsAfterGame.style.display = "block";
};
let showTheGameFormular = function(event){
event.preventDefault();
isPlayed = false;
playForm.style.display = "block";
buttonsAfterGame.style.display = "none";
}
let getPlayerScores = function(neededTime){
playerList.push(player);
playerTime.push(neededTime);
};
let showPlayersScores = function(){
let tBody = document.getElementById("body");
for(let playerName of playerList){
for(let time of playerTime ){
let tr = document.createElement("tr");
let td1 = document.createElement("td");
let td2 = document.createElement("td");
td1.innerHTML = playerName;
td2.innerHTML = time;
tr.appendChild(td1);
tr.appendChild(td2);
tBody.appendChild(tr);
}
}
};
startGameButton.addEventListener("click", startGame);
startGameAgain.addEventListener("click", startGame);
startGameWithNewName.addEventListener("click", showTheGameFormular);
});