14.3: Dynamic Text (contenteditable attribute) - Hamilton Lottery Simulator with p5.js

Channel:
United States The Coding Train
Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=LoSJN9QYpz0


Duration: 15:34
10,781 views
127

In this video, I look at how you can make the content of a written webpage dynamic. The "contenteditable" attribute is used to make a number editable by a user. The "input" event is used to show how other values on the page can change as the user edits the page.

Source code: https://github.com/shiffman/hamilton-lottery-simulator
website: http://shiffman.github.io/hamilton-lottery-simulator/

Contact: https://twitter.com/shiffman

Learn JavaScript basics:
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

Learn HTML / CSS basics:
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bI1SlcCRfLH79HZrFAtBvX

Working with Data / APIs:
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6a-SQiI4RtIwuOrLJGnel0r

Help us caption & translate this video!

http://amara.org/v/QbtB/

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct



Other Videos By The Coding Train


2016-04-1312.2: Using Express with Node - WebSockets and p5.js Tutorial
2016-04-1312.3: Connecting Client to Server with Socket.io - WebSockets and p5.js Tutorial
2016-04-1312.1: Introduction to Node - WebSockets and p5.js Tutorial
2016-04-1312.4: Shared Drawing Canvas - WebSockets and p5.js Tutorial
2016-04-12Coding Challenge #1: Starfield in Processing
2016-04-12Code Train Live 30: Creating Real-Time Shared Canvas with WebSockets
2016-04-1111.8: Video Effects with Seriously.js - p5.js Tutorial
2016-04-1111.7: Slit-Scan Video - p5.js Tutorial
2016-04-0811.3: Slit-Scan Video - Processing Tutorial
2016-04-08Coding Train Live 29: Processing and p5.js - Slit-scan and Seriously.js
2016-04-0714.3: Dynamic Text (contenteditable attribute) - Hamilton Lottery Simulator with p5.js
2016-04-0714.1: The Mathematics (Probability, Logarithm) - Hamilton Lottery Simulator with p5.js
2016-04-0714.2: The Code (HTML, CSS, and JavaScript) - Hamilton Lottery Simulator with p5.js
2016-04-07Coding Train Live 28: Hamilton Lottery Simulator - Probability and DOM
2016-04-0611.6: Painting with Pixels - p5.js Tutorial
2016-04-0511.5: Checkbox Mirror - p5.js Tutorial
2016-04-05Coding Train Live 27: Checkbox Mirror and Painting with Pixels in p5.js
2016-03-3111.4: Brightness Mirror - p5.js Tutorial
2016-03-31Live Stream #26
2016-03-3111.3: The Pixel Array - p5.js Tutorial
2016-03-3111.1: Live Video and createCapture() - p5.js Tutorial


Tags:
lottery simulator
hamilton lottery
contenteditable attribute
html
hamilton
hamilton musical
hamilton musical lottery
dynamic webpage
simulator
probability and javascript
javascript html
probability
mathematics
tutorial
JavaScript
contenteditable
attribute
DOM attribute
lottery
dynamic
p5.js