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!
SHARE
X
page, as this is a HTML code that links a JavaScript file.
End of comment */
Skip to content
Click here to watch the video
VIDEO
Lil Baby – Fight For Love Ft. Lil Durk (Official Video Remix) This beat is available for purchase ! → https://soundclick.com/share.cfm?id=1… 💿 BEATSTORE (BUY 1 GET 1 BEATS): https://soundclick.com/polarmadebeats 📸 INSTAGRAM: / polarmadeit 🌐 ALL SOCIALS: https://polarmadeit.bio.link *I’m NOT Lil Baby or Lil Durk* The video was made with clips from official music videos from Lil Baby and Lil Durk. This version is of the song is NOT an official version released by the real authors; but is my work (Remix / Mashup). ALL LICENSING AND RIGHTS GO TO LIL BABY AND LIL DURK Original Songs: Lil Baby – ( Unreleased ) Lil Durk – Sad Songs Song Produced by: @polarmadeit x @prodbyessar x @ob1music Video Edited by: @polarmadeit Thumbnail By: @polarmadeit IGNORE TAGS #LilBaby #LilDurk #LilBabyTypeBeat lil baby unreleased,lil baby full unreleased,lil baby new unrelased,lil baby snippet,lil baby leak,lil baby ft lil durk,lil baby x lil durk,lil baby ft lil durk remix,lil baby wish you the best,lil baby wish you the best ft lil durk,lil durk unreleased,lil durk full unreleased,lil durk snippet,lil durk leak,lil durk ft lil baby remix,lil durk ft lil baby official remix,lil durk ft lil baby,lil durk lil baby,lil durk x lil baby,lil baby,lil durk,remix lil baby unreleased,lil baby humble,lil baby,lil baby remix,lil baby type beat,lil baby its only me,lil baby new music,lil baby new unreleased,lil baby new,lil baby snippet,lil baby leak,lil baby full unreleased,future remix,morgan wallen lil durk,morgan wallen new album,future,lil baby ft. future,future ft. lil baby,lil baby future,future unreleased,future maybach,future lil baby remix,future ft. 42dugg,future new album,lil baby ft. future remix lil baby unreleased,lil baby humble,lil baby,lil baby remix,lil baby type beat,lil baby its only me,lil baby new music,lil baby new unreleased,lil baby new,lil baby snippet,lil baby leak,lil baby full unreleased,lil baby ft. future,lil baby future,young thug ft. lil baby,lil baby ft. young thug,lil baby young thug remix,young thug remix,young thug lil baby remix,young thug,young thug new album,young thug unreleased,lil baby x young thug
Post navigation