let wordList = ["juicy","power","kanye","chris","brown","juelz","sauce","money","cardi","racks","lewis","migos","bruno","glory","loyal","wayne","lamar","bling","drake","young","flava","freak","megan","gucci","quavo","logic","tiara","tpain","geazy","snoop","nasir","storm","belly","shaft","fresh","bones","crips","crash","drugs","bitch","truth","hurts","bodak","boner","scott","sicko","kills","crack","pussy","world","human","lyric","jason","shade","beats","style","rhyme","flows","dripp","grind","fiend","ghost","miami","flint","akron","tampa","brick","pound","jails","trick","bronx","vegas","jcole","beast","rocky","views","astro","flame","dirty","pablo","danny","xxxxx","tyler","music","group","death","after","rocks","stuss","pelle","gunit","kappa","dopey"]; let height = 6; let row = 0; let col = 0; let gameOver = false; let correctGuess = false; const offsetFromDate = new Date(2023,0,1); const msOffset = Date.now() - offsetFromDate; const dayOffset = msOffset / 1000 / 60 / 60 / 24; const word = wordList[Math.floor(dayOffset)]; console.log(word); let todayPlayed = {}; let allTimeGamePlayed = []; let todayplayeddone = false; let dateTime = new Date(); let currentYear = dateTime.getFullYear(); let currentMonth = dateTime.getMonth(); let currentDate = dateTime.getDate(); if(currentMonth < 10) currentMonth = "0"+currentMonth; if(currentDate < 10) currentDate = "0"+currentDate; let todayDate = currentYear+"-"+currentMonth+"-"+currentDate; window.onload = function() { intializeEnglish(); } function copyToClipBoard() { hidePlayed(); let todayWordlePlayed = JSON.parse(localStorage.getItem("todayWordlePlayed")); if(todayWordlePlayed != null) { for(let d = 0; d < todayWordlePlayed.length; d++) { if(todayWordlePlayed[d]["date"] == todayDate) { let copyScore = "Wordle "+todayWordlePlayed[d]["todayWordle"]+" Score : "+todayWordlePlayed[d]["score"]+"/6"; navigator.clipboard.writeText(copyScore); let messageBox = document.getElementById("message-box"); messageBox.textContent = "Score copied!"; messageBox.style.display = "flex"; setTimeout(() => { messageBox.style.display = "none"; }, 2000); break; } } } } function checkTodayPlayed() { let todayWordlePlayed = JSON.parse(localStorage.getItem("todayWordlePlayed")); if(todayWordlePlayed != null) { for(let d = 0; d < todayWordlePlayed.length; d++) { if(todayWordlePlayed[d]["date"] == todayDate) { todayplayeddone = true; for(let h = 0; h < todayWordlePlayed[d]["guesses"].length; h++) { for (let r = 0; r < 5; r++) { document.getElementById(h+"-"+r).innerHTML = todayWordlePlayed[d]["guesses"][h][r]; if(todayWordlePlayed[d]["letterAPC"][h][r] == "A") document.getElementById(h+"-"+r).classList.add("absent"); else if(todayWordlePlayed[d]["letterAPC"][h][r] == "P") document.getElementById(h+"-"+r).classList.add("present"); else if(todayWordlePlayed[d]["letterAPC"][h][r] == "C") document.getElementById(h+"-"+r).classList.add("correct"); } } let keys = document.querySelectorAll(".key-tile"); for(let k = 0; k < keys.length; k++) { keys[k].style.cursor = "default"; keys[k].style.pointerEvents = "none"; } document.querySelector(".enter-key-tile").style.cursor = "default"; document.querySelector(".enter-key-tile").style.pointerEvents = "none"; document.getElementById("played").style.display = "block"; document.getElementById("todayWordle").style.display = "inline-block"; document.getElementById("todayWordle").innerHTML = todayWordlePlayed[d]["todayWordle"]; document.getElementById("yourScore").innerHTML = todayWordlePlayed[d]["score"]+"/6"; break; } } } } function intializeEnglish() { width = word.length; for (let r = 0; r < height; r++) { for (let c = 0; c < width; c++) { let tile = document.createElement("span"); tile.id = r.toString() + "-" + c.toString(); tile.classList.add("tile"); tile.innerText = ""; document.getElementById("board").appendChild(tile); } } let x = 60 * width; document.getElementById("board").style.width = x + "px"; let keyboard = [ ["Q","W","E","R","T","Y","U","I","O","P"], ["A","S","D","F","G","H","J","K","L"], ["ENT","Z","X","C","V","B","N","M","⌫"]]; for (let i = 0; i < keyboard.length; i++) { let currRow = keyboard[i]; let keyboardRow = document.createElement("div"); keyboardRow.classList.add("keyboard-row"); for (let j = 0; j < currRow.length; j++) { let keyTile = document.createElement("div"); let key = currRow[j]; keyTile.innerText = key; if (key == "ENT") { keyTile.id = "Enter"; } else if (key == "⌫") { keyTile.id = "Backspace"; } else if ("A" <= key && key <= "Z") { keyTile.id ="Key" + key; } keyTile.addEventListener("click", processKey); if (key == "ENT") { keyTile.classList.add("enter-key-tile"); } else { keyTile.classList.add("key-tile"); } if (key == "⌫") { keyTile.classList.add("key-tile"); keyTile.innerText = String.fromCharCode(9003); } keyboardRow.appendChild(keyTile); } document.getElementById("keyboard").appendChild(keyboardRow); } checkTodayPlayed(); document.addEventListener("keyup",function(e){ processInput(e); }); } function saveToLocalStorage() { todayWordleGamePlayed = JSON.parse(localStorage.getItem("todayWordlePlayed")); if(todayWordleGamePlayed == null) { todayPlayed.date = currentYear+"-"+currentMonth+"-"+currentDate; todayPlayed.word = word; todayPlayed.guesses = typedWords; todayPlayed.letterAPC = allGuesses; todayPlayed.todayWordle = wordList.indexOf(word)+1; if(correctGuess == true) todayPlayed.score = allGuesses.length; else todayPlayed.score = "X"; allTimeGamePlayed.push(todayPlayed); localStorage.setItem("todayWordlePlayed", JSON.stringify(allTimeGamePlayed)); } else { todayPlayed.date = currentYear+"-"+currentMonth+"-"+currentDate; todayPlayed.word = word; todayPlayed.guesses = typedWords; todayPlayed.letterAPC = allGuesses; todayPlayed.todayWordle = wordList.indexOf(word)+1; if(correctGuess == true) todayPlayed.score = allGuesses.length; else todayPlayed.score = "X"; todayWordleGamePlayed.push(todayPlayed); localStorage.setItem("todayWordlePlayed", JSON.stringify(todayWordleGamePlayed)); } document.getElementById("played").style.display = "block"; document.getElementById("todayWordle").style.display = "inline-block"; document.getElementById("todayWordle").innerHTML = wordList.indexOf(word)+1; if(correctGuess == true) document.getElementById("yourScore").innerHTML = allGuesses.length+"/6"; else document.getElementById("yourScore").innerHTML = "X/6"; } function processKey() { let e = {"code" : this.id}; processInput(e); } let typedWords = []; let enteredWord=""; function processInput(e) { if (gameOver) return; if ("KeyA" <= e.code && e.code <= "KeyZ") { if (col < width) { let currTile = document.getElementById(row.toString() + '-' + col.toString()); if (currTile.innerText == "" && currTile.dataset.disabled != "yes") { currTile.innerText = e.code[3]; enteredWord = enteredWord + e.code[3]; col += 1; } } } else if (e.code == "Backspace") { if (0 < col && col <= width) { col -= 1; enteredWord = enteredWord.slice(0, -1); } let currTile = document.getElementById(row.toString() + '-' + col.toString()); currTile.innerText = ""; } else if (e.code =="Enter" && col == width) { if (wordList.includes(enteredWord.toLowerCase())) { typedWords.push(enteredWord); update(); enteredWord = ""; } else if (!wordList.includes(enteredWord.toLowerCase())) { let messageBox = document.getElementById("message-box"); messageBox.textContent = "Not in word list!"; messageBox.style.display = "flex"; setTimeout(() => { messageBox.style.display = "none"; }, 5000); } } if(!gameOver && row == height) { gameOver = true; messageBox = document.getElementById("message-box"); messageBox.textContent = "Almost! Good luck next time!\n Correct Word is :"+word; messageBox.style.display = "flex"; setTimeout(() => { messageBox.style.display = "none"; saveToLocalStorage(); }, 3000); let currentWordIndex = parseInt(localStorage.getItem('currentWordIndex')); currentWordIndex--; localStorage.setItem('currentWordIndex', currentWordIndex.toString()); } } let result = []; function check(input, wordle) { const letters = Array.from(input.toUpperCase()), word = Array.from(wordle.toUpperCase()); result = Array(5).fill(''); for (let i = 0; i < 5; i++) { if (letters[i] === word[i]) { result[i] = 'green', word[i] = ''; letters[i] = ''; } } for (let i = 0; i < 5; i++) { if (!letters[i]) continue; const index = word.indexOf(letters[i]); if (index !== -1) { result[i] = 'yellow', word[index] = ''; } } return result; } let allGuesses = []; let typedLetters = ""; function update() { let guess = ""; for(let c = 0; c < width; c++) { let currTile = document.getElementById(row.toString() + "-" + c.toString()); currTile.style.color = "white"; let letter = currTile.innerText; guess += letter; } guess = guess.toLowerCase(); check(guess,word); let correct = 0; let letterCount = {}; for (let i = 0; i < word.length; i++) { letter = word[i]; if (letterCount[letter]) letterCount[letter] += 1; else letterCount[letter] = 1; } for(let c= 0; c < width; c++) { let currTile = document.getElementById(row.toString() + '-' + c.toString()); let letter = currTile.innerText; if(result[c] == "green") { currTile.classList.add("correct"); let keyTile = document.getElementById("Key" + letter); keyTile.classList.remove("present"); keyTile.classList.add("correct"); correct += 1; letterCount[letter] -= 1; if(correct == width) { gameOver = true; correctGuess = true; let messageBox = document.getElementById("message-box"); messageBox.textContent = "You did it! Great Job!"; messageBox.style.display = "flex"; setTimeout(() => { messageBox.style.display = "none"; saveToLocalStorage(); }, 3000); } } } typedLetters = ""; for (let c= 0; c < width; c++) { let currTile = document.getElementById(row.toString() + '-' + c.toString()); let letter = currTile.innerText.toLowerCase(); if(!currTile.classList.contains("correct")) { if(result[c] == "yellow" && letterCount[letter] > 0) { typedLetters += "P"; currTile.classList.add("present"); let keyTile = document.getElementById("Key" + letter.toUpperCase()); if(!keyTile.classList.contains("correct")) keyTile.classList.add("present"); letterCount[letter] -= 1; } else { typedLetters += "A"; currTile.classList.add("absent"); let keyTile = document.getElementById("Key" + letter.toUpperCase()); if(keyTile.classList.contains("correct")) continue; else keyTile.classList.add("absent"); } } else typedLetters += "C"; } allGuesses.push(typedLetters); row += 1; col = 0; result = []; } function hidePlayed() { document.getElementById("played").style.display = "none"; document.querySelectorAll(".tile").forEach(tile => { tile.dataset.disabled = "yes"; }); document.querySelectorAll(".key-tile").forEach(keytile => { keytile.style.cursor = "default"; keytile.style.pointerEvents = "none"; }); document.querySelector(".enter-key-tile").style.cursor = "default"; document.querySelector(".enter-key-tile").style.pointerEvents = "none"; } document.getElementById("hidePlayed").addEventListener("click", function() { hidePlayed(); }); If you are using the jQuery library, then don't forget to wrap your code inside jQuery.ready() as follows: jQuery(document).ready(function( $ ){ // body { font-family: Helvetica, sans-serif; text-align: center; margin: 0 auto; color: #000; } h1 { height: 100%; margin: 0 auto; border: 30px solid transparent; } #board { height: 350px; margin: 0 auto 20px; display: flex; flex-wrap: wrap; justify-content: center; } .tile { border: 2px solid rgb(65, 65, 65); width: 50px; height: 50px; margin: 2.5px; font-size: 30px; font-weight: bold; display: flex; justify-content: center; align-items: center; background-color: transparent; } .tile.correct { background-color: green; color: white; border-color: white; } .tile.present { background-color: rgb(211, 211, 0); color: white; border-color: white; } .tile.absent { background-color: #4b4b4b; color: white; border-color: white; } .keyboard-row { width: 440px; height: 70px; margin: 0 auto; display: flex; flex-wrap: wrap; background-color: transparent; justify-content: center; align-items: center; } .key-tile { border: 1px solid rgb(65,65,65); width: 30px; height: 45px; margin: 3px; border-radius: 5px; cursor: pointer; background-color: transparent; font-size: 20px; font-weight: bold; display: flex; justify-content: center; align-items: center; color: rgb(65,65,65); } .key-tile.present { color: #fff; background: rgb(211,211,0); } .key-tile.absent { color: #fff; background: rgb(75,75,75); } .key-tile.correct { color: #fff; background: green; } .enter-key-tile { border: 1px solid rgb(65,65,65); width: 60px; height: 45px; margin: 3px; border-radius: 5px; cursor: pointer; background-color: transparent; font-size: 20px; font-weight: bold; display: flex; justify-content: center; align-items: center; color: rgb(65,65,65); } #message-box { display: none; z-index: 99; position: absolute; left: 50%; top: 30%; transform: translate(-50%,-50%); justify-content: center; align-items: center; background-color: white; height: 100px; width: 350px; border: 1px solid #000; border-radius: 20px; opacity: 1; transition: opacity 1s ease-in-out; animation: fade-out 2s 1s forwards; } #shareScore { display: none; } .shareScoreBtn { background: green; color: #fff; cursor: pointer; font-size: 30px; font-weight: bold; padding: 5px 10px; border: none; margin: 10px 0 20px; } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } #settings-button { height: 50px; width: 50px; position: absolute; top: 20px; right: 20px; cursor: pointer; color: #000; background-color: transparent; font-size: 35px; border-radius: 30px; border: transparent; } #settings-button:active { font-size: 32px; } .letters { width: 50px; height: 50px; } .pLetter { background: rgb(211, 211, 0); } .cLetter { background: green; } .aLetter { background: #4b4b4b; } .played { display: none; position: absolute; box-sizing: border-box; padding: 6% 20px; margin: 0 auto 0 -25%; width: 50%; top: 15%; left: 50%; color: #000; background: #efefef; border-radius: 5px; text-align: center; } .played h1 { color: #000; } #hidePlayed { position: absolute; top: 20px; right: 20px; background: none; border-radius: 5px; padding: 5px 6px; font-size: 24px; color: #000; border: none; cursor: pointer; opacity: 0.5; font-weight: bold; } @media only screen and (max-width: 450px) { #title { font-size: 30px; } #settings-button { width: 40px; height: 40px; } .keyboard-row { width: 100%; } .key-tile { width: 32px; height: 40px; font-size: 20px; } .enter-key-tile { width: 70px; height: 40px; font-size: 20px; } .played { width: 96%; left: 2%; margin: 0; min-height: 600px; padding: 6% 5px; } .played h1 { font-size: 24px; } } @media only screen and (max-width: 400px) { #title { font-size: 24px; } .key-tile { width: 30px; height: 40px; font-size: 20px; } .enter-key-tile { width: 66px; font-size: 20px; } } @media only screen and (max-width: 390px) { .key-tile { width: 28px; height: 40px; font-size: 18px; } .enter-key-tile { width: 64px; height: 40px; font-size: 18px; } } }); -- If you want to link a JavaScript file that resides on another server (similar to ), then please use the The Hip Hop Wordle

The Hip Hop Wordle


The Hip Hop Wordle
Your Score :

Thanks for playing today!
Come back tomorrow to play again!

page, as this is a HTML code that links a JavaScript file. End of comment */

Hip Hop Culture

The Evolution and Impact of Hip Hop Culture

Hip hop culture, which originated in the Bronx, New York City, in the 1970s, has since spread to every corner of the world. This vibrant and dynamic culture is based on four fundamental elements: DJing, rapping, breakdancing, and graffiti.

DJing is the art of mixing records together to create new and exciting sounds. It involves skillfully blending different tracks to produce a seamless flow of music that keeps the audience engaged.

Rapping is the art of speaking or singing rhymes over a beat. It is a powerful form of expression that allows artists to convey their thoughts, emotions, and stories through lyrical prowess.

Breakdancing is a form of dance that involves acrobatic moves and spins. It is a physically demanding and visually captivating element of hip hop that showcases the dancer’s agility, strength, and creativity.

Graffiti is the art of writing or drawing on walls or other surfaces. It is a form of visual expression that often carries political and social commentary, transforming urban landscapes into vibrant canvases.

Hip hop culture is more than just music and dance; it is a way of life that encompasses fashion, language, and art. Hip hop fashion is often characterized by baggy clothes, sneakers, and baseball caps. The language of hip hop is rich with slang and jargon that can be difficult for outsiders to understand but is an integral part of the culture’s identity.

Hip hop art, whether in the form of graffiti or music videos, often serves as a platform for political and social commentary. It reflects the experiences and struggles of the community, making it a powerful tool for raising awareness and inspiring change.

If you’re interested in learning more about hip hop culture, there are several ways to immerse yourself:

  1. Listen to Hip Hop Music: Explore the various subgenres of hip hop to find something that resonates with you. From old-school classics to contemporary hits, there’s a vast array of music to discover.
  2. Watch Hip Hop Movies and Documentaries: These films provide valuable insights into the history and evolution of hip hop, offering a deeper understanding of the culture and its impact.
  3. Attend Hip Hop Events: Whether it’s a concert, a dance battle, or a graffiti exhibition, attending hip hop events is a great way to experience the culture firsthand and connect with others who share your interest.

Hip hop culture is a vibrant and ever-evolving phenomenon. It constantly pushes boundaries and challenges the status quo, making it an exciting, creative, and full-of-life culture. If you’re looking for a culture that embodies these qualities, then hip hop is for you.

streetmoneymag

Learn More →