Coding Challenge 73: Acrostic Poem Generator

From the creator

In this coding challenge, I create an acrostic generator with the Wordnik API and p5.js. This challenge is part of my "Programming with Text" series. Code: https://thecodingtrain.com/challenges/73-acrostic 🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/48yinqNpT 🎥 Previous: https://youtu.be/giXV6xErw0Y?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next: https://youtu.be/E4RyStef-gY?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 🔗 ECMAScript on Wikipedia: https://en.wikipedia.org/wiki/ECMAScript 🔗 https://www.youtube.com/@funfunfunction 🔗 Wordnik: https://www.wordnik.com/ 🔗 Datamuse word search API: https://www.datamuse.com/api/ 🔗 Acrostic on Wikipedia: https://en.wikipedia.org/wiki/Acrostic 🔗 Programming from A to Z course: https://shiffman-archive.netlify.app/a2z/ 🔗 Visual Studio Code: https://code.visualstudio.com/download Videos: 🎥 https://youtu.be/sjyJBL5fkp8 🎥 https://youtu.be/-jysK0nlz7A Related Coding Challenges: 🚂 https://youtu.be/u-HUtrpyi1c 🚂 https://youtu.be/GWDx1GnxhOw Timestamps: 0:00 Introduction 0:25 What is an acrostic? 2:45 On to the code 3:00 Creating HTML DOM elements 4:15 noCanvas() 5:10 Selecting DOM elements with the p5.js select() function 6:47 Writing the mousePressed() button handler 7:19 Getting the word from the input element 8:46 Creating a div element for each letter 10:16 Using the Wordnik API to get a list of words 17:18 Get a list of

Published 2017-09-11 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.