https://github.com/ahsankhizar5/webdev-module4
Module 4 solution for Coursera’s HTML, CSS, and Javascript for Web Developers. A JavaScript program that greets names based on their first letter.
https://github.com/ahsankhizar5/webdev-module4
beginner-project coursera css frontend html javascript javascript-assignments web-development
Last synced: about 2 months ago
JSON representation
Module 4 solution for Coursera’s HTML, CSS, and Javascript for Web Developers. A JavaScript program that greets names based on their first letter.
- Host: GitHub
- URL: https://github.com/ahsankhizar5/webdev-module4
- Owner: ahsankhizar5
- Created: 2025-06-18T11:15:06.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-18T11:26:57.000Z (about 1 year ago)
- Last Synced: 2025-06-18T12:37:38.978Z (about 1 year ago)
- Topics: beginner-project, coursera, css, frontend, html, javascript, javascript-assignments, web-development
- Language: JavaScript
- Homepage:
- Size: 3.91 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Yo, Check Out My Module 4 JavaScript Name Greeter! 😎
Hey there! This is my solution for Module 4 of the Coursera *HTML, CSS, and Javascript for Web Developers* course. It’s a cool little JavaScript program that says "Hello" or "Good Bye" to names in the console, depending on whether they start with a 'J'. Wanna see it in action? Let’s chat about it!
👉 **Check it out here**: [https://ahsankhizar5.github.io/webdev-module4/](https://ahsankhizar5.github.io/webdev-module4/)
---
## What’s This Thing Do? 🤔
- It loops through a list of names like "Yaakov", "John", "Jen", etc.
- If a name starts with 'J' or 'j', it’s like, "Good Bye John!" in the console.
- Otherwise, it’s all, "Hello Yaakov!"
- Uses separate files for the "Hello" and "Good Bye" logic, all wrapped in IIFEs to keep things clean.
- Super simple HTML to load the scripts, no fancy styling needed.
---
## How to Run It 🚀
Wanna try it yourself? Here’s the deal:
1. Grab the code:
```bash
git clone https://github.com/ahsankhizar5/coursera-webdev.git
```
2. Jump into the folder:
```bash
cd coursera-webdev/module4-solution
```
3. Fire up a local server with Browser Sync (it’s the vibe):
```bash
browser-sync start --server --files "*.html, *.js"
```
4. Open Chrome, hit `http://localhost:3000`, and pop open the Console (`Ctrl + Shift + J`). You’ll see:
```
Hello Yaakov
Good Bye John
Good Bye Jen
...
```
---
## What’s Inside? 📂
Just a few files:
- `index.html`: The basic page that loads the JavaScript.
- `script.js`: Where the name-looping magic happens.
- `SpeakHello.js`: Says "Hello" to non-J names.
- `SpeakGoodBye.js`: Says "Good Bye" to J names.
---
## Tools I Used 🛠️
- **HTML5**: Just enough to get the scripts running.
- **JavaScript**: The star of the show, doing all the logic.
- **Browser Sync**: Makes local testing smooth.
- **Chrome Console**: Where the output shines.
---
## Wanna Add Something Cool? 😄
1. Fork my repo on GitHub.
2. Make a new branch:
```bash
git checkout -b your-cool-idea
```
3. Add your changes and commit:
```bash
git add .
git commit -m "Added something awesome"
```
4. Push it and send me a pull request:
```bash
git push origin your-cool-idea
```
---
## Free to Use! 📜
It’s under the MIT License, so feel free to use, tweak, or share it.
---
## Like It? Drop a Star! 🌟
If you think this is neat or it helped you, hit that ⭐ on my GitHub repo. It’d mean a lot!
---
> 💬 *“Keep it simple, keep it fun!”* — Me, probably