Mixed Messages Project

gabrielcollege707328 · June 26, 2023, 10:28pm

Hey!
I created this project and open to any feedback:

gist.github.com

https://gist.github.com/atamalakrah/ac0884ddd73ef71a41eb4872796fadcd

index.html

<!DOCTYPE html>
<html>
<head>
  <title>Button Example</title>
  <style>
    body {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

This file has been truncated. show original

randomMsg.js

//This function generates a random sentence
function createRandomSentence() {
    //List of animal names
    const animalNames = ["Elephant", "Giraffe", "Kangaroo", "Deer", "Rabbit", "Horse", "Zebra", "Cow", "Goat", "Sheep", "Donkey", "Moose", "Panda", "Koala", "Gorilla", "Hippopotamus", "Rhino", "Bison", "Camel", "Iguana", "Lion", "Tiger", "Wolf", "Leopard", "Cheetah", "Jaguar", "Panther", "Hyena", "Crocodile", "Shark", "Eagle", "Hawk", "Vulture", "Falcon", "Komodo Dragon", "Piranha", "Tasmanian Devil", "Wolverine", "Saber-Toothed Tiger", "Grizzly Bear", "Bear", "Pig", "Raccoon", "Fox", "Opossum", "Badger", "Squirrel", "Hedgehog", "Chimpanzee", "Orangutan", "Baboon", "Marmoset", "Rat", "Owl", "Seagull", "Crow", "Gull", "Seal", "Gorilla", "Gibbon"];
    const animalVerbs = ["Run", "Jump", "Swim", "Fly", "Pounce", "Roar", "Groom", "Sniff", "Hunt", "Feed", "Graze", "Climb", "Burrow", "Dig", "Peck", "Hatch", "Sing", "Swoop", "Glide", "Scurry", "Crawl", "Slither", "Stalk", "Prowl", "Chase", "Hide", "Migrate", "Nest", "Build", "Preen", "Wag", "Mark", "Spray", "Play", "Purr", "Swoosh", "Dive", "Slap", "Gobble", "Snuggle", "Gnaw", "Paw", "Gargle", "Chatter", "Grunt", "Trill", "Flutter", "Hop", "Sprint", "Hiss", "Bite"];
    const presentTenseVerbs = animalVerbs.map(verb => verb.toLowerCase() + "s");
    const articles = ["A", "An", "The"];
    const listOfVowels = ["a", "e", "i", "o", "u"];
    let article = "";
    let subject = animalNames[getRandomNumber(animalNames.length)];

This file has been truncated. show original

ThatTyGuy · June 26, 2023, 10:43pm

Solid work. I don’t see too many people nest the page styling in the HTML head. Is there a reason you didn’t create a separate CSS file and link to it?

gabrielcollege707328 · June 26, 2023, 10:59pm

That’s a good call out! I might go back and do that. I wasn’t too worried about the styling (as you can tell from the simplicity) so didn’t spend any time setting that up.

smiling_tiger · June 28, 2023, 11:50am

Wow! I never gave styling any thought at all. Great work with the messaging structure!

gabrielcollege707328 · June 28, 2023, 12:55pm

Thanks for the compliment! I would highly recommend utilizing ChatGPT or other generative Chat AI to help in creating the arrays - that saved me a lot of time.

“Could you create a Javascript array of 50 unique animals” for example