p5 js in html einbinden funktioniert nicht. Wie geht das richtig?

1 Antwort

Die Funktion kannst du nur in der draw-Funktion aufrufen. Folgendes funktioniert:

var grid = [];
var canvasWidth = 600;
var canvasHeigth = 600;
var spalten = canvasWidth / 60;
var zeilen = canvasHeigth / 60;

function setup() {
  createCanvas(canvasWidth, canvasHeigth);
}

function draw() {
  background(0);
  rect(300, 300, 20, 20);
}

Variable von JavaScript zu PHP?

Hallo. Ich habe folgenen Code:

<div id="content-txt">
<form id="" onsubmit="alert('Der Text wurde in der Datenbank gespeichert.'); return false;">
<fieldset>
<textarea id="txtContent" name="txtContent" class="widgEditor nothing">
<?php $abfrage = "SELECT text FROM seiten WHERE seitenname='$p'";
$ergebnis = mysqli_query($db, $abfrage);

while ($row = $ergebnis->fetch_assoc()) {
echo $row['text'];
} ?> </textarea>
</fieldset>
<fieldset class="submit">
<input type="submit" id="subButton" value="Text in Datenbank speichern!" />
</fieldset>
</form>
</div>

<script language="javascript" type="text/javascript">
function getHTMLCode() {
var txtContent = document.getElementById('txtContent').value;
var result = document.getElementById('result');

result.textContent = '<br/>' + txtContent;

}
var subButton = document.getElementById('subButton');
subButton.addEventListener('click', getHTMLCode, false);
</script>

<p id='result'></p></div>

Mit der ID result kann ich nun den Code auf die Seite schreiben:

Nun will ich aber den Inhalt, der bei der id=result rauskommt in eine Variable schreiben bzw irgendwie in einer Funktion verwenden. Ist das irgendwie möglich?

...zur Frage

Java Script fehler bitte hilfe?

Hallo ich habe einen Fehler und zwar habe ich eine if abfrage und egal welches Geburtsjahr ich eingebe es kommt nicht volljährig raus:

<head>

  

   <title>Uebung</title>

   <script language="javascript">

   function pruefen()

   {

   var Geburtsjahr;

   var Geburtsjahrpruefen=2000;

   if(Geburtsjahr<=Geburtsjahrpruefen){

       alert("Volljaehrig")

   }

   else{

       alert("Noch nicht Volljaehrig")

   }

   }

     </script>

</head>

<body>

   <br />

<input type="text" size="20" name="Geburtsjahr" value="Geburtsjahr" />

   <br />

   <br />

<input type="button" size="20" name="alterpruefen" onclick="pruefen()" value="Vollj&auml;hrigkeit &uuml;berpr&uuml;fen"/>

</body>

</html>

...zur Frage

Variable zwischen zwei Javascript Dokumenten austauschen?

Hallo,

Warum funktioniert das nicht?

//neu.js
	var globalVariable={
	x: "text"
};

	//neu1.js
var globalVariable = globalVariable.x;
  $("#text20").text(globalVariable);
  

HTML:


<script type="text/javascript" src="neu.js">

</script>

<script type="text/javascript" src="neu1.js"></script>

...zur Frage

HTML Javascript Integration?

Ich habe schon vieles versucht wie:

<script src="script.js"></script>

usw. oder:

<script>javascriptcode</script>

Das geht alles, aber nicht der JavaScript-Code:

var myIndex = 0;
carousel();

function carousel() {
   var i;
   var x = document.getElementsByClassName("mySlides");
	
   for (i = 0; i < x.length; i++) {
      x[i].style.display = "none";
   }
	
   myIndex++;
	
   if (myIndex > x.length) {myIndex = 1}
	
   x[myIndex-1].style.display = "block";
   setTimeout(carousel, 4000); // Change image every 2 seconds
}
...zur Frage

Mit Phaser.js eine Tilemap laden?

Ich möchte mit Phaser.js eine tilemap aus Tiled Map Editor in mein HTML5-Spiel einbinden. Jedoch bekomme ich beim aufrufen meiner Website jedesmal die Meldung cannot read property 'tilemap' of undefined. Hier ist mein Code:

index.html:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
 <link rel="css/style.css" type="stylesheet">
 <script src="lib/phaser/phaser.js"></script>
 <script src="lib/phaser/phaser.min.js"></script>
 <script src="js/script.js"></script>
</body>
</html>

script.js:


var game = new Phaser.Game(600, 600, Phaser.AUTO, '', {
 preload: preload,
 create: create,
 update: update
});

function preload() {  game.load.tilemap('map', 'map/map.json', null, Phaser.Tilemap.TILED_JSON);  game.load.image('spritesheet', 'map/spritesheet.png'); };

function create() {  var map = game.add.tilemap('map'); var tileset = map.addTilesetImage('spritesheet'); };

function update() {
};

...zur Frage

Was möchtest Du wissen?