diff --git a/Task-3(JS)/index.html b/Task-3(JS)/index.html
new file mode 100644
index 0000000..a77372a
--- /dev/null
+++ b/Task-3(JS)/index.html
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+ JokeSite
+
+
+
+
+ This is a sample joke
+
+
+
+
+
\ No newline at end of file
diff --git a/Task-3(JS)/script.js b/Task-3(JS)/script.js
new file mode 100644
index 0000000..13d9a87
--- /dev/null
+++ b/Task-3(JS)/script.js
@@ -0,0 +1,329 @@
+let myjokes = [
+ {
+ "category": "Programming",
+ "type": "single",
+ "joke": "// This line doesn't actually do anything, but the code stops working when I delete it.",
+ "flags": {
+ "nsfw": false,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "id": 12,
+ "safe": true,
+ "lang": "en"
+ },
+ {
+ "category": "Programming",
+ "type": "single",
+ "joke": "\"Honey, go to the store and buy some eggs.\"\n\"OK.\"\n\"Oh and while you're there, get some milk.\"\nHe never returned.",
+ "flags": {
+ "nsfw": false,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "id": 18,
+ "safe": true,
+ "lang": "en"
+ },
+ {
+ "category": "Programming",
+ "type": "single",
+ "joke": "Saying that Java is nice because it works on every OS is like saying that anal sex is nice because it works on every gender.",
+ "flags": {
+ "nsfw": true,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": true
+ },
+ "id": 30,
+ "safe": false,
+ "lang": "en"
+ },
+ {
+ "category": "Programming",
+ "type": "single",
+ "joke": "Hey Girl,\nRoses are #ff0000,\nViolets are #0000ff,\nI use hex codes,\nBut I'd use RGB for you.",
+ "flags": {
+ "nsfw": false,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "id": 41,
+ "safe": true,
+ "lang": "en"
+ },
+ {
+ "category": "Programming",
+ "type": "single",
+ "joke": "\"We messed up the keming again guys.\"",
+ "flags": {
+ "nsfw": false,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "id": 20,
+ "safe": true,
+ "lang": "en"
+ },
+ {
+ "category": "Programming",
+ "type": "single",
+ "joke": "A SQL statement walks into a bar and sees two tables.\nIt approaches, and asks \"may I join you?\"",
+ "flags": {
+ "nsfw": false,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "id": 5,
+ "safe": true,
+ "lang": "en"
+ },
+ {
+ "category": "Programming",
+ "type": "single",
+ "joke": "Two SQL tables sit at the bar. A query approaches and asks \"Can I join you?\"",
+ "flags": {
+ "nsfw": false,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "id": 221,
+ "safe": true,
+ "lang": "en"
+ },
+ {
+ "category": "Programming",
+ "type": "single",
+ "joke": "Documentation is like sex:\nWhen it's good, it's very good.\nWhen it's bad, it's better than nothing...",
+ "flags": {
+ "nsfw": true,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "safe": false,
+ "id": 305,
+ "lang": "en"
+ },
+ {
+ "category": "Programming",
+ "type": "single",
+ "joke": "\"Can I tell you a TCP joke?\"\n\"Please tell me a TCP joke.\"\n\"OK, I'll tell you a TCP joke.\"",
+ "flags": {
+ "nsfw": false,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "id": 57,
+ "safe": true,
+ "lang": "en"
+ },
+ {
+ "category": "Programming",
+ "type": "single",
+ "joke": "A byte walks into a bar looking miserable.\nThe bartender asks it: \"What's wrong buddy?\"\n\"Parity error.\" it replies. \n\"Ah that makes sense, I thought you looked a bit off.\"",
+ "flags": {
+ "nsfw": false,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "id": 24,
+ "safe": true,
+ "lang": "en"
+ },
+ {
+ "category": "Programming",
+ "type": "single",
+ "joke": "UDP is better in the COVID era since it avoids unnecessary handshakes.",
+ "flags": {
+ "nsfw": false,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "id": 259,
+ "safe": true,
+ "lang": "en"
+ },
+ {
+ "category": "Dark",
+ "type": "single",
+ "joke": "I'll never forget my Granddad's last words to me just before he died. \"Are you still holding the ladder?\"",
+ "flags": {
+ "nsfw": false,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "id": 208,
+ "safe": false,
+ "lang": "en"
+ },
+ {
+ "category": "Misc",
+ "type": "single",
+ "joke": "My wife is really mad at the fact that I have no sense of direction.\nSo I packed up my stuff and right.",
+ "flags": {
+ "nsfw": false,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "id": 201,
+ "safe": true,
+ "lang": "en"
+ },
+ {
+ "category": "Programming",
+ "type": "single",
+ "joke": "Debugging is like being the detective in a crime movie where you're also the murderer at the same time.",
+ "flags": {
+ "nsfw": false,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "id": 42,
+ "safe": true,
+ "lang": "en"
+ },
+ {
+ "category": "Programming",
+ "type": "single",
+ "joke": "The glass is neither half-full nor half-empty, the glass is twice as big as it needs to be.",
+ "flags": {
+ "nsfw": false,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "id": 23,
+ "safe": true,
+ "lang": "en"
+ },
+ {
+ "category": "Programming",
+ "type": "single",
+ "joke": "Eight bytes walk into a bar.\nThe bartender asks, \"Can I get you anything?\"\n\"Yeah,\" reply the bytes.\n\"Make us a double.\"",
+ "flags": {
+ "nsfw": false,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "id": 34,
+ "safe": true,
+ "lang": "en"
+ },
+ {
+ "category": "Pun",
+ "type": "single",
+ "joke": "How do you make holy water? You boil the hell out of it.",
+ "flags": {
+ "nsfw": false,
+ "religious": true,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "id": 202,
+ "safe": false,
+ "lang": "en"
+ },
+ {
+ "category": "Programming",
+ "type": "single",
+ "joke": "I've got a really good UDP joke to tell you but I don’t know if you'll get it.",
+ "flags": {
+ "nsfw": false,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "id": 0,
+ "safe": true,
+ "lang": "en"
+ },
+ {
+ "category": "Dark",
+ "type": "single",
+ "joke": "I hate double standards. Burn a body at a crematorium, you're \"being a respectful friend.\" Do it at home and you're \"destroying evidence.\"",
+ "flags": {
+ "nsfw": false,
+ "religious": false,
+ "political": false,
+ "racist": false,
+ "sexist": false,
+ "explicit": true
+ },
+ "safe": false,
+ "id": 274,
+ "lang": "en"
+ },
+ {
+ "category": "Misc",
+ "type": "single",
+ "joke": "What does the MacBook have in common with Donald Trump?\n\nI would tell you....\nBut I don't compare apples to oranges.",
+ "flags": {
+ "nsfw": false,
+ "religious": false,
+ "political": true,
+ "racist": false,
+ "sexist": false,
+ "explicit": false
+ },
+ "id": 233,
+ "safe": false,
+ "lang": "en"
+ }
+
+
+
+]
+
+let index = Math.floor(Math.random() * (myjokes.length - 1))
+console.log(index)
+joke.innerHTML = myjokes[index].joke
diff --git a/Task-3(JS)/style.css b/Task-3(JS)/style.css
new file mode 100644
index 0000000..2df1bbb
--- /dev/null
+++ b/Task-3(JS)/style.css
@@ -0,0 +1,15 @@
+html, body {
+ height: 100%;
+ width: 100%;
+}
+
+
+#joke{
+ background-color: #f5f5f5;
+ color: #333;
+ font-size: 1.5em;
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ padding: 10px;
+ text-align: center;
+ width: 100%;
+}
\ No newline at end of file