Zunächst, ich bin sicher, es gibt eine offensichtliche Antwort auf diese Frage, aber ich werde immer noch fragen. Also habe ich dieses Projekt, wo der Benutzer würfelt und schreibt, wofür die Würfel sind und was gemacht wird. Es funktioniert durch HTML-Formulare und das Javascript druckt die Ergebnisse, ohne die Seite zu aktualisieren. Ich habe alles funktioniert. Mein aktuelles Problem ist, dass ich möchte, dass das Ergebnis des Codes in die nächste Zeile wechselt, und fahre fort, wenn Sie erneut auf "Senden" klicken.Javascript in die nächste Zeile gehen
$("#modTool").submit(function(event) {
event.preventDefault();
console.log($(this).serialize());
var a = document.getElementById("modTool").elements.namedItem("user").value;
var b = document.getElementById("modTool").elements.namedItem("actionTaken").value;
var c = document.getElementById("modTool").elements.namedItem("target").value;
var amount = document.getElementById("modTool").elements.namedItem("amountOfDice").value;
var sides = document.getElementById("modTool").elements.namedItem("typeOfDice").value;
var d = document.getElementById("modTool").elements.namedItem("bonus").value;
var diceRoll = rollDice(amount, sides);
var display=document.getElementById("Prompt");
display.innerHTML = "> " + a + " uses " + b + " towards " + c + "<br />" + "> " + diceRoll + " Bonus " + d;
});
https://i.gyazo.com/fe3ffa835ed1acf41c08c7f6fe46ea93.png
Es muss sowohl in der nächsten Zeile gehen, wenn ich ‚Senden‘ klicken Sie erneut auf, sowie eine Scrollbar mit. Irgendwelche Ideen?
Ich bin mir nicht sicher, ob Sie die Frage verstehen. Sehen Sie das zur weiteren Klärung. https://jsfiddle.net/wckggf5g/ Wenn Sie erneut auf "Senden" klicken, wird keine weitere Rolle darunter hinzugefügt. – Drake
Verwenden Sie '+ =' anstelle von '=' für innerHTML zu verketten – kecalace
Das hat es geschafft! Danke @kecalace! – Drake