Then, it creates a new event listener on the "Refresh" button, that concatenates the removedUrls array back to the imageUrls array, and empties the removedUrls array, it also resets the image src attribute to blank and hide it.įantastic! 2 buttons, one to show the image, one to refresh them once they have all been shown □ This code creates a new array called "removedUrls" and pushes the removed image to it. Great! I entered this into my project and after a few tweaks to line up with my images, it gave me a button that did exactly what i wanted!Īfter an image has been shown i would like a refresh button that puts the images back in the array so you can start again?ĬhatGPT re wrote what it had already given me to include my new refresh button and again explained how it would work The answer it gave was perfect, not only did it write the code for the HTML, CSS and JavaScript methods, it also described to me how it works! Where you click a button and it shows you a random image, it should not show you the same image if you press the button again I would like to build a webpage with HTML, CSS and JavaScript. I put this idea to ChatGPT in stages, i first asked my initial idea So i put together a super simple HTML, CSS and JavaScript base project and found some random images online for this. Once they had been through the images they would need to start a fresh so i wanted a 'Refresh' button to start the images again. I wanted a button to show the image at random out of a bunch of images i had to hand and i didn't want them to see the same one if they kept clicking the button. I wanted a random image to be shown to each person either on their mobile or laptop so i didn't have to print out multiple pictures. They may say, the largest grey mammal balancing on something you'd see at a circus □ see how this could be challenging? THE CATCH, they can't say exactly what the image is showing, if they have an elephant on a ball, they can't say elephant on a ball. My idea was to split the team into pairs, they each have an image which they can't share with their partner and they have to describe that image to the other person so they can draw the image they're being described. As you might understand what you've said or written but can the person next to you? I think in general it’s always good to think about your own communication style as you don’t realise how often you must adapt for others in your life. My idea was to get the team to have to communicate to each other in their own styles and see how easy or difficult the other person has found understanding what they had to explain. As these cards are written by different members of the team they can each read differently. I wanted to relate my game to communication.Īs a team we use Jira to plan our fortnightly SPRINTS and are carded work to complete. This is what i built using ChatGPT.ĭuring our fortnightly retro meetings someone is nominated to come up with a game to test the team or present something we've built, this can either be related to our work or as a side project. So i thought bugger it, i'll get it to help me with something simple and see how it goes. I personally never thought i'd ever use ChatGPT, i didn't know why i would need to but there is SO MUCH hype everywhere i look. I asked ChatGPT to answer this question and provide it without all the technical jargon as that goes over my head and I couldn't have written it better myself! □ If you've not heard about ChatGPT or know what it is check it out here or continue to read my brief description below □ This post is about using ChatGPT to help me build a super simple image generator website. Between each post of Eric Meyer’s blog there’s this rather lovely illustration that can randomly be one of these five options:Įric made each illustration into a separate background image then switches out that image with the nth-of-type CSS property, like this.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |