I need help triggering an event!

Coding Help
1

I need help programming text to appear reading “YOU WIN!!!” after my health bar reaches “0”. Does anybody have any ideas for what codes to use? Here’s an image of the code I’m currently using:

current code
current code434×673 33.8 KB

2

First, it would be better if you post the code using three backticks (```) to format the code instead of posting an image. Also a link to your project would be helpful so we can see the HTML too.

Second, I suggest to post on processing discourse if it’s p5.js specific issue. If you crosspost, don’t forget to add a link to each other so others won’t come up with the same solution that someone else posted on another forum.

I think a quick way to solve your problem is to change the style of the DOM. This is the official document

for example you can do this to hide a DOM:

const element = document.getElementById("elt");
element.style.visibility = "hidden";
3

Okay. Here you go.

‘’'let img;
let loadImage;
let bulldog;

let htmlCanvas = document.getElementById(“canvas”);
let myCanvas;

let punch = document.getElementById(“fight”);
let health;
let subtraction;

console.log(“sanitycheck”);

function setup(){
width = 500;
height = 500;
myCanvas = createCanvas(width, height);
myCanvas.parent(“canvas”);
health = 450;
subtraction = 0.8;
}

function draw(){
background(200);
noStroke();
fill(“red”);
rect(width0.05, height0.8, health, height*0.1);
}

punch.addEventListener(“click”, damage);

function damage(){
if (health > 0) {
console.log((health -= 45));
} else {
damage = null;
}
}

setTimeout(victory, health = 0);‘’’

4

that’s ', not `

1 Like
5

I don’t understand…

6

oh are you browsing on a device where ’ and ` are indistinguishable? they’re meant to be different characters. you need to use one of them to post code blocks

code blocks

but you had used the other, and it’s not showing up as a code block