Click any letter to change it, then try to pronounce the word.
(Celebrate!)
R
E
D
https://engineerdog.files.wordpress.com/2023/03/heyletsread.webp
HEY Lets Read Game
3-Letter Word Game
#container {
display: flex;
justify-content:center;
}
#box1, #box2, #box3 {
font-size: 150px;
text-align: center;
border: 2px solid black;
background-color: #FFFFFF;
cursor: pointer;
}
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px 2px;
cursor: pointer;
}
.center {
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
border:1px solid green;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.button5 {
font-size: 24px;
}
body {
background-image: url(‘https://engineerdog.files.wordpress.com/2023/01/readingbk.jpg’);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
}
const vowelArray = [“A”, “E”, “I”, “O”, “U”];
const consonantArray = [“B”, “C”, “D”, “F”, “G”, “H”, “J”, “K”, “L”, “M”,”N”, “P”, “Q”, “R”, “S”, “T”, “V”, “W”,”X”, “Y”, “Z”];
let letter2Index =0
function changeLetter1() {
hide();
const randomNumber = Math.floor(Math.random() * consonantArray.length);
document.getElementById(“box1”).innerHTML = consonantArray[randomNumber];
}
function changeLetter2() {
hide();
if (letter2Index === vowelArray.length) {
letter2Index = 0;
}
document.getElementById(“box2”).innerHTML = vowelArray[letter2Index];
letter2Index++;
}
function changeLetter3() {
hide();
const randomNumber = Math.floor(Math.random() * consonantArray.length);
document.getElementById(“box3”).innerHTML = consonantArray[randomNumber];
}
window.onload = hide;
function show(){
var x = document.getElementById(“myDIV”);
var myPix = new Array(
“https://media.tenor.com/PYbF7KH6gQgAAAAC/oh-yay.gif”,
“https://media.tenor.com/4KBNbJqgAuUAAAAC/%E3%81%8A%E7%A5%9D%E3%81%84-%E3%83%91%E3%83%BC%E3%83%86%E3%82%A3%E3%83%BC.gif”,
“https://media.tenor.com/-VnvP9E_t4QAAAAj/%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86-%E3%82%84%E3%81%A3%E3%81%9F%E3%81%AD.gif”,
“https://media.tenor.com/-k3OuMysnO8AAAAj/happy-bunny.gif”,
“https://media.tenor.com/1g8ufmAyz8cAAAAj/%E3%83%95%E3%83%A9%E3%83%AF%E3%83%BC%E3%83%90%E3%82%B9%E3%82%B1%E3%83%83%E3%83%88-%E3%81%8A%E8%8A%B1.gif”,
“https://media.tenor.com/1ppNJKVZBbkAAAAj/rabbit-bunny.gif”,
“https://media.tenor.com/2eS8eHGtrTUAAAAM/caffeine-dance.gif”,
“https://media.tenor.com/2gcR0jU5EMEAAAAj/%E5%AC%89%E3%81%97%E3%81%84-%E3%82%84%E3%81%A3%E3%81%9F%E3%83%BC.gif”,
“https://media.tenor.com/2onVt8orbSYAAAAj/cheers-mate.gif”,
“https://media.tenor.com/3zH9hK4bnrwAAAAj/%E8%83%B4%E4%B8%8A%E3%81%92-%E3%81%8A%E7%A5%9D%E3%81%84.gif”,
“https://media.tenor.com/4CEtZ4iHjrEAAAAj/conejo-cari%C3%B1oso.gif”,
“https://media.tenor.com/4KBNbJqgAuUAAAAM/%E3%81%8A%E7%A5%9D%E3%81%84-%E3%83%91%E3%83%BC%E3%83%86%E3%82%A3%E3%83%BC.gif”,
“https://media.tenor.com/5FIJ_BD0EVMAAAAM/%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86-%E3%81%8A%E7%A5%9D%E3%81%84.gif”,
“https://media.tenor.com/6MAdz1MSWLgAAAAM/%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86-%E3%81%8A%E7%A5%9D%E3%81%84.gif”,
“https://media.tenor.com/7K4c8NH4288AAAAj/pink-rabbit.gif”,
“https://media.tenor.com/8s_VjwQejqIAAAAM/kichi-bunny.gif”,
“https://media.tenor.com/9MTZhyfWTtkAAAAM/secret-life-of-pets-cute.gif”,
“https://media.tenor.com/AHxa_63Kek8AAAAM/yay-hooray.gif”,
“https://media.tenor.com/An7s6ZXwbJ8AAAAj/%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86-%E3%81%8A%E7%A5%9D%E3%81%84.gif”,
“https://media.tenor.com/Aq48a65922EAAAAj/%E3%82%AF%E3%83%A9%E3%83%83%E3%82%AB%E3%83%BC-%E3%83%91%E3%83%BC%E3%83%86%E3%82%A3%E3%83%BC.gif”,
“https://media.tenor.com/AtdzDYcomR8AAAAM/happy-birthday-hbd.gif”,
“https://media.tenor.com/B-bP73d4-moAAAAM/happy-birthday-celebrate.gif”,
“https://media.tenor.com/BEVSnTXfdyAAAAAM/brown-bear-cony.gif”,
“https://media.tenor.com/EGfFUPhiG7gAAAAj/%E7%B5%90%E5%A9%9A-%E7%B5%90%E5%A9%9A%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86.gif”,
“https://media.tenor.com/Ev0m77b038MAAAAj/%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86-%E3%81%8A%E7%A5%9D%E3%81%84.gif”,
“https://media.tenor.com/GNiThyoqaXAAAAAj/%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86-%E5%AC%89%E3%81%97%E3%81%84.gif”,
“https://media.tenor.com/GR0PAO630G4AAAAM/oh-yeah-now-its-a-party.gif”,
“https://media.tenor.com/HJbC-WOInpkAAAAj/new-year-celebrate.gif”,
“https://media.tenor.com/HVeogmfk328AAAAj/%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86-%E3%82%84%E3%81%A3%E3%81%9F%E3%81%AD.gif”,
“https://media.tenor.com/HephzOftjpsAAAAM/rabbit.gif”,
“https://media.tenor.com/J95cjZ5TPDIAAAAj/rabbit-blushed.gif”,
“https://media.tenor.com/JIGYzAelxhoAAAAj/animal-bunny.gif”,
“https://media.tenor.com/JqDcMbhaEMoAAAAM/lola-bunny-bunny.gif”,
“https://media.tenor.com/KQLYcGzNjwUAAAAM/touchdown-celebration.gif”,
“https://media.tenor.com/L3h57iyBgZYAAAAM/bunny-dance.gif”,
“https://media.tenor.com/LbrKcEqj1c4AAAAj/oh-yay.gif”,
“https://media.tenor.com/LcO-wbvJrw8AAAAM/%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86-%E3%82%84%E3%81%A3%E3%81%9F%E3%81%AD%E3%81%8A%E7%A5%9D%E3%81%84.gif”,
“https://media.tenor.com/MIx521BjOFYAAAAj/%E6%96%B0%E5%B9%B4-%E6%96%B0%E5%B9%B4%E6%98%8E%E3%81%91%E3%81%BE%E3%81%97%E3%81%A6%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86.gif”,
“https://media.tenor.com/MKHk0amLWf0AAAAM/happy-birthday-bunnies.gif”,
“https://media.tenor.com/Nh0TpEawiSwAAAAM/%E3%82%AF%E3%83%A9%E3%83%83%E3%82%AB%E3%83%BC-%E3%83%91%E3%83%BC%E3%83%86%E3%82%A3%E3%83%BC.gif”,
“https://media.tenor.com/OWVYbbFY7S0AAAAM/woohoo-celebrate.gif”,
“https://media.tenor.com/Oy6OD2HLWI0AAAAM/keababies-thursday.gif”,
“https://media.tenor.com/OzLAsl_qBQAAAAAM/bunny-birthday.gif”,
“https://media.tenor.com/PEpBvEODcbUAAAAM/celebrate-celebration.gif”,
“https://media.tenor.com/PYbF7KH6gQgAAAAC/oh-yay.gif”,
“https://media.tenor.com/PYbF7KH6gQgAAAAM/oh-yay.gif”,
“https://media.tenor.com/PwHavYgpgdwAAAAM/artc-whee.gif”,
“https://media.tenor.com/QRV-fgin3kQAAAAj/%E3%83%97%E3%83%AC%E3%82%BC%E3%83%B3%E3%83%88-%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86.gif”,
“https://media.tenor.com/QShQrdGT8pMAAAAM/bunny-dance-dancing.gif”,
“https://media.tenor.com/QbE0XgHkaS8AAAAj/bt21-happy-newyear.gif”,
“https://media.tenor.com/RFoLpo0Lp2sAAAAj/animal-bunny.gif”,
“https://media.tenor.com/SR8ZmXSX8WQAAAAj/keababies-thursday.gif”,
“https://media.tenor.com/TKXNonukNDIAAAAj/congratulations-jobs.gif”,
“https://media.tenor.com/V4FTMGMn0i8AAAAj/%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86-%E3%83%A9%E3%83%96.gif”,
“https://media.tenor.com/Vd1Fq6qP35cAAAAj/gummy-rabbit.gif”,
“https://media.tenor.com/W0X5xU_Hh7wAAAAM/joyeux-danser.gif”,
“https://media.tenor.com/WYI2WsfbO44AAAAj/machiko-sparklers.gif”,
“https://media.tenor.com/XfENAuIY9jkAAAAM/puppytalesphotos-puppytales.gif”,
“https://media.tenor.com/Xt7PUmf9Dn4AAAAM/%E3%81%8A%E7%96%B2%E3%82%8C%E6%A7%98-%E3%81%8A%E7%96%B2%E3%82%8C%E3%81%95%E3%81%BE.gif”,
“https://media.tenor.com/XwYn9GwqEv8AAAAM/%E8%AA%95%E7%94%9F%E6%97%A5-%E3%81%8A%E8%AA%95%E7%94%9F%E6%97%A5%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86.gif”,
“https://media.tenor.com/YC0lQo-9wzsAAAAj/%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86-%E3%82%84%E3%81%A3%E3%81%9F%E3%81%AD.gif”,
“https://media.tenor.com/YTxZNJKtfXwAAAAM/brown-cony.gif”,
“https://media.tenor.com/Zq7RLRgsbPgAAAAj/rabbit-bunny.gif”,
“https://media.tenor.com/_MP5npN7d8IAAAAj/happy-celebration.gif”,
“https://media.tenor.com/_U3oS-Pu5OgAAAAM/piske-usagi.gif”,
“https://media.tenor.com/bH-MKZQh05wAAAAj/happy-new-year-gimmy.gif”,
“https://media.tenor.com/bwPFD725jP4AAAAj/edance-cute.gif”,
“https://media.tenor.com/c7GWwto–JEAAAAj/%E3%83%81%E3%82%A2%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC-%E5%BF%9C%E6%8F%B4.gif”,
“https://media.tenor.com/cAS601gUDjUAAAAj/dbd-dead-by-daylight.gif”,
“https://media.tenor.com/d9y__jDkJhsAAAAM/frank-who-framed-roger-rabbit.gif”,
“https://media.tenor.com/eaTvhJLzFBsAAAAj/%E3%82%8F%E3%83%BC%E3%81%84-%E5%AC%89%E3%81%97%E3%81%84%E3%81%AA.gif”,
“https://media.tenor.com/ef41wTywedgAAAAj/%E3%81%8A%E7%A5%9D%E3%81%84-%E3%83%91%E3%83%BC%E3%83%86%E3%82%A3%E3%83%BC.gif”,
“https://media.tenor.com/fWNJUOPjIlwAAAAM/jump-catch.gif”,
“https://media.tenor.com/fadKDLSkBx0AAAAj/%E8%AA%95%E7%94%9F%E6%97%A5-%E3%81%8A%E8%AA%95%E7%94%9F%E6%97%A5%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86.gif”,
“https://media.tenor.com/gd-8G34vFZUAAAAj/cute-baby.gif”,
“https://media.tenor.com/hJa5a7FWapcAAAAj/%E8%AA%95%E7%94%9F%E6%97%A5-%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86.gif”,
“https://media.tenor.com/i1NOmVHldWMAAAAM/%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86-%E3%82%84%E3%81%A3%E3%81%9F%E3%81%AD.gif”,
“https://media.tenor.com/iMhdQ1YsUtwAAAAj/tkthao219-bunny.gif”,
“https://media.tenor.com/iPN032HYx3YAAAAj/cute-lovely.gif”,
“https://media.tenor.com/iszv3zwCS9QAAAAM/%E3%82%8F%E3%83%BC%E3%81%84-%E5%AC%89%E3%81%97%E3%81%84%E3%81%AA.gif”,
“https://media.tenor.com/j5hIa9xSDxMAAAAj/rabbit-animal.gif”,
“https://media.tenor.com/jAtaY7_sfPAAAAAM/%E3%83%97%E3%83%AC%E3%82%BC%E3%83%B3%E3%83%88-%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86.gif”,
“https://media.tenor.com/kKCvkepnR_4AAAAj/%E4%B9%BE%E6%9D%AF-%E3%83%93%E3%83%BC%E3%83%AB.gif”,
“https://media.tenor.com/kaGyZ68XP5wAAAAM/bun-time-bunny.gif”,
“https://media.tenor.com/m1rrE2z_fTEAAAAM/%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86-%E5%AC%89%E3%81%97%E3%81%84.gif”,
“https://media.tenor.com/n9heTCbaBP8AAAAM/dance-jump.gif”,
“https://media.tenor.com/np_pQ6zs08EAAAAj/%E6%9C%9F%E5%BE%85%E3%81%99%E3%82%8B-%E3%83%AF%E3%82%AF%E3%83%AF%E3%82%AF.gif”,
“https://media.tenor.com/qegnPkMZFkwAAAAM/morning-good.gif”,
“https://media.tenor.com/qoXkYNVQq-YAAAAM/%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86-%E3%81%8A%E7%A5%9D%E3%81%84%E5%AC%89%E3%81%97%E3%81%84.gif”,
“https://media.tenor.com/qyPSvX4u-JMAAAAM/bunny-rabbit.gif”,
“https://media.tenor.com/rSDZMzm0umgAAAAM/%E3%83%90%E3%83%B3%E3%82%B6%E3%82%A4-%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86.gif”,
“https://media.tenor.com/rSxi4ZSBsGoAAAAj/%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86-%E3%81%8A%E7%A5%9D%E3%81%84.gif”,
“https://media.tenor.com/rdKkZZcq7cEAAAAj/%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86-%E3%81%8A%E7%A5%9D%E3%81%84.gif”,
“https://media.tenor.com/s9yLYzDwk78AAAAM/%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86-%E5%AC%89%E3%81%97%E3%81%84.gif”,
“https://media.tenor.com/t92E2aTrpJQAAAAM/calimero-cheering-animals.gif”,
“https://media.tenor.com/uDJxLBNHBsUAAAAj/rabbit-pink.gif”,
“https://media.tenor.com/uYj6VWQQrP0AAAAM/dbd-dead-by-daylight.gif”,
“https://media.tenor.com/vyrgQW7O4FwAAAAM/%E3%83%80%E3%83%B3%E3%82%B9-%E3%83%81%E3%82%A2%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC.gif”,
“https://media.tenor.com/wugcZYxdyEAAAAAM/bunny-rabbit.gif”,
“https://media.tenor.com/xCuPC0bg7QMAAAAj/%E3%82%B8%E3%83%A3%E3%83%B3%E3%83%97-%E3%83%8F%E3%83%BC%E3%83%88.gif”,
“https://media.tenor.com/ypiP-xjLgFwAAAAj/%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86-%E3%82%84%E3%81%A3%E3%81%9F%E3%81%AD.gif”
);
var randomNum = Math.floor(Math.random() * myPix.length);
document.getElementById(“myPicture”).src = myPix[randomNum];
x.style.display = “block”;
}
function hide(){
var x = document.getElementById(“myDIV”);
x.style.display = “none”;
}
EngineerDog.com 
