8.8: Events 'changed' and 'input' - p5.js Tutorial

This video examines how to trigger an event whenever a text input field or slider changes.

Help us caption & translate this video!

[goldthumb]

For an old school dev like me, using function name as an argument of another function is relatively new. JavaScript uses it so much and I'm getting used to it day by day. This 8.8 video is kind of the "answer" of 8.6, great!

[tommccloud]

Hey Dan,

I believe changed fires whenever the box loses focus (hence the tab) or return is pressed. I'm commenting this as I watch it so if you mention it afterwards, apologies.

[alexleonel]

thank you so much omg that is what i needed

[PeterKwanvt]

Thanks a lot for this. It was really helpful.

[DiegoSantos-hted]

Amazing class!! Thx!! Help me sooo much. I’m doing a password generator and I’m having some troubles to get slider value and put in the function. I believe that method input will help me.

[AhmedVlogs]

How can i get the result as i type in the input field without hitting tab or pressing any button?

[Amit-nhpu]

hello
why there is no semi colon after the line of code which is there inside the updatesize function ?

[IshwarAcademy]

Hello Sir Daniel.. Nice Stuff... You're really Awesome. I'm Really Enjoying Your Tutorial p5.js... I'm interested in the way you are making your videos... How are doing this? Can you help me... Even I wanted to make videos like you... please guide me sir...?

[victorfds]

The function input does not work.

Uncaught TypeError: textbox.input is not a function
at setup (sketch.js:12)
at p5.<anonymous> (p5.js:11132)
at p5.<anonymous> (p5.js:11083)
at new p5 (p5.js:11330)
at _globalInit (p5.js:7900)

[hawxxer]

Why does this work? You put your code in setup(), I thought the browser would only run setup() function once?

[bradleystone]

Something's wrong... "11913: Uncaught TypeError: Cannot read property 'bind' of undefined"

[eotikurac]

this stuff only works with .changed(), not with .input()
input gives me this error - 11: Uncaught TypeError: undefined is not a function
i don't know why. the code is identical. you're missing a ; on line 16 and it works for you.
ps - .input() worked for me in the 7.5 video