xxxxxxxxxx
$(document). ready(() => {
setInterval(() => {
$('p'). fadeIn();
$('p'). fadeOut();
}, 500);
});
xxxxxxxxxx
// Assuming the button has an ID of "myButton"
$("#myButton").fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
xxxxxxxxxx
var buttonColours=["red", "blue", "green", "yellow"];
var gamePattern=[];
function nextSequence(){
var randomNumber = Math.floor(Math.random()*4);
var randomChosenColour= buttonColours[randomNumber];
gamePattern.push(randomChosenColour);
$("#randomChosenColour").fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
}
xxxxxxxxxx
$("#"+randomChosenColour).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
xxxxxxxxxx
var gamePattern = [];
var buttonColors = ["red", "blue", "green", "yellow"];
function nextSequence() {
var randomNumber = Math.floor(Math.random() * 4);
}
var randomChosenColour = buttonColors[randomNumber];
gamePattern.push(randomChosenColour);
$("#"+randomChosenColour).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
xxxxxxxxxx
var buttonColors = ["red", "blue", "green", "yellow"];
var gamePattern = [];
function nextSequence() {
var randomNumber = Math.floor(Math.random() * 4);
var randomChosenColour = buttonColors[randomNumber];
gamePattern.push(randomChosenColour);
return randomChosenColour;
}
$("#" + nextSequence()).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
xxxxxxxxxx
var notLocked = true;
$.fn.animateHighlight = function(highlightColor, duration) {
var highlightBg = highlightColor || "#FFFF9C";
var animateMs = duration || 1500;
var originalBg = this.css("backgroundColor");
if (notLocked) {
notLocked = false;
this.stop().css("background-color", highlightBg)
.animate({backgroundColor: originalBg}, animateMs);
setTimeout( function() { notLocked = true; }, animateMs);
}
};