IMY220 - Assignment 4 🎓

This project is a simple web application that allows users to input messages and display them on the page. If the message contains a YouTube link, it will embed the video in the message display area.

Author ✍️

Mulisa Musehane
Student Number: 21450162

Table of Contents 📑

• Overview
• Features
• Technologies Used
• Setup
• Usage

Overview 📖

This project includes an HTML form for entering messages, along with two buttons to submit the messages. Depending on the button clicked, the messages are displayed with different background colors. If the message contains a YouTube link, the video will be embedded in the message display area.

Features ✨

• Input messages through a text area.
• Detect and embed YouTube links within messages.
• Display messages with different styles based on the button clicked.

Technologies Used 💻

• HTML
• CSS (Bootstrap)
• JavaScript (jQuery)

Setup ⚙️

To run this project locally:

1. Clone the repository:

   git clone https://github.com/MulisaMusehane/imy220-assignment4.git

2. Open index.html in your web browser.

Usage 📝

1. Type a message in the text area.
2. Click either the "Send" button (left button) or the "Send" button (right button):
   • The left button will display the message with a light purple background.
   • The right button will display the message with a light green background.
3. If the message contains a YouTube link, the video will be embedded in the message display area.