2016-04-29 4 views
-1

Ich bin ein Student arbeitet an einem Klassenprojekt, das ist ein kleines Videospiel. Im Spiel habe ich einen Zufallszahlengenerator, der auf einen Knopf zwischen 1 und 20 codiert ist. Wenn ich diesen Knopf drücke, geht die Information zum Konsolenprotokoll. Ich möchte diese Informationen an die Webseite senden und sie dort aufbewahren lassen.Moving Console Log-Informationen zu Browser-Webseite

Round 1: 5, 

Round 2: 16 

Also weiter und so fort. Ich möchte meinen Lehrer nicht um viel Hilfe bitten, weil ich ihn schon so oft gefragt habe. Ich würde das gerne alleine lernen, ohne direkte Hilfe von meinem Lehrer zu bekommen. Ich habe auch über das Internet geschaut und fand nichts hilfreiches an dem, woran ich arbeiten möchte. Bitte helfen!

<html> 
<head> 
<script src="js/createjs-2014.12.12.min.js"></script> 
<script> 
var multiplier = 1; 
var myStage, txt; 
var score = 0 
var buttonSheild; 


function init(){ 
myStage = new createjs.Stage(document.getElementById("myCanvas")); 

buttonSheild = new createjs.Bitmap("images/buttonSheild.png"); 
buttonSheild.scaleX = buttonSheild.scaleY = 0.25; 
buttonSheild.x = 200; 
buttonSheild.y = 0; 
myStage.addChild(buttonSheild, txt); 

txt = new createjs.Text("did it work"); 

buttonSheild.addEventListener("click", textClicked); 

createjs.Ticker.addEventListener('tick', drawNewFrame); 
createjs.Ticker.setFPS(12); 
} 
function textClicked(){ 
score++; 
txt.text = "does this work?";} 
function drawNewFrame(){ 
myStage.update(12);} 


function demoRoll(num){ 

console.log("You rolled " + rollDie(num) + " out of " + num); 

console.log("Multiplier = " + multiplier); 

} 

function rollDie(num){ 

    switch (num) { 

     case 20: 

      var D20 = (Math.floor(Math.random()*num)+1); 

      if (D20 == 20){ 

       multiplier = 2; 

      } 

      else{ 

       multiplier = 1; 

      } 

      return D20; 

      break; 

     case 6: 

      var D6 = (Math.floor(Math.random()*num)+1)*multiplier; 

      multiplier = 1; 

      return D6; 

      break; 

    }   

    } 




</script> 

</head> 
<body> 
<button onClick="demoRoll(20)">Roll D20</button> 
<button onClick="demoRoll(6)">Roll D6</button> 
</body> 
</html> 
+2

Lesen Sie mehr über 'innerHTML-/textcontent/appendChild' – Rayon

+0

Ist erwartetes Ergebnis für Text withing' console.log ("Du hast gerollt" + rollDie (num) + "out of" + num); console.log ("Multiplikator =" + Multiplikator); 'an Dokumentkörper angehängt werden, wenn' demoRoll' aufgerufen wird? – guest271314

Antwort

2

können Sie verwenden

document.body.insertAdjacentHTML("beforeend", "<p>" + textToBeInserted + "</p>"); 

Hier ist ein Beispiel mit Ihrem Code:

<html> 
<head> 

</head> 
<body> 
<button onClick="demoRoll(20)">Roll D20</button> 
<button onClick="demoRoll(6)">Roll D6</button> 

<script src="js/createjs-2014.12.12.min.js"></script> 
<script> 
var multiplier = 1; 
var myStage, txt; 
var score = 0 
var buttonSheild; 


function init(){ 
myStage = new createjs.Stage(document.getElementById("myCanvas")); 

buttonSheild = new createjs.Bitmap("images/buttonSheild.png"); 
buttonSheild.scaleX = buttonSheild.scaleY = 0.25; 
buttonSheild.x = 200; 
buttonSheild.y = 0; 
myStage.addChild(buttonSheild, txt); 

txt = new createjs.Text("did it work"); 

buttonSheild.addEventListener("click", textClicked); 

createjs.Ticker.addEventListener('tick', drawNewFrame); 
createjs.Ticker.setFPS(12); 
} 
function textClicked(){ 
score++; 
txt.text = "does this work?";} 
function drawNewFrame(){ 
myStage.update(12);} 


function demoRoll(num){ 

document.body.insertAdjacentHTML("beforeend", "<p>You rolled " + rollDie(num) + " out of " + num + "</p>"); 

document.body.insertAdjacentHTML("beforeend", "<p>Multiplier = " + multiplier + "</p>"); 

} 

function rollDie(num){ 

    switch (num) { 

     case 20: 

      var D20 = (Math.floor(Math.random()*num)+1); 

      if (D20 == 20){ 

       multiplier = 2; 

      } 

      else{ 

       multiplier = 1; 

      } 

      return D20; 

      break; 

     case 6: 

      var D6 = (Math.floor(Math.random()*num)+1)*multiplier; 

      multiplier = 1; 

      return D6; 

      break; 

    }   

    } 




</script> 
</body> 
</html> 
+1

Sollte 'Html' aus Großbuchstaben bestehen? – guest271314

+0

@ guest271314 danke, du hast Recht! – Cameron637

+0

@ Cameron637 Console Fehler sagt, dass es nicht lesen kann die Eigenschaft von insertAdjacentHTML – Ryan