$("#btn1").click(function () {
$("#tabhere").hide();
});
$("#btn2").click(function () {
$("#tabhere").show();
});

$(document).ready(function () {
$("#btn1").click(function () {
$(".cardtitle").fadeIn(1000);
});
});

$(document).ready(function () {
$("#btn1").click(function () {
$(".boxhere").animate({ backgroundColor: "purple" }, 3000);
});
});

$(document).ready(function () {
$("#btn1").click(function () {
$("#panel").slideDown(5000);
});
$("#btn2").click(function () {
$("#panel").stop();
});
});

var quiz = [{
question: "What is the fullform of HTML?",
answers: ["Hyper Text Markup Language", "High Tech Marking Language", "Hyper Tech Markup Language",
"None Of The Above"],
correctAnswer: 0
}, {
question: "Latest version Of HTML?",
answers: [3, 4, 5, 6],
correctAnswer: 2
}, {
question: "Latest version Of CSS?",
answers: [3, 4, 5, 6],
correctAnswer: 0
}, {
question: "Latest version Of Bootstrap?",
answers: [3, 4, 5, 6],
correctAnswer: 1
}]
var i = 0;
var score = 0;
$(document).ready(function () {
$('#start').on('click', function () {
$('#questions').text(quiz[i].question);
$('#zero').text(quiz[i].answers[0]);
$('#one').text(quiz[i].answers[1]);
$('#two').text(quiz[i].answers[2]);
$('#three').text(quiz[i].answers[3]);
$('#start').remove();
$('.choices').show('slow');
$('#next').show('slow');
});
});
$(document).ready(function () {
$(document).on('click', '#next', function () {
var answer = $('input[name="answers"]:checked').val();
var answerString = quiz[i].answers[answer];
$('p[class="userAnswer"][value=' + i + ']').text(answerString);
var correctAnswer = quiz[i].correctAnswer;
$('p[class="correctAnswer"][value=' + i + ']').text(quiz[i].answers[correctAnswer]);
if (answer == quiz[i].correctAnswer) {
score++;
} else {
$('tr[class="row"][name=' + i + ']').css('background', '#FE2E64');
}
if (!$('input[name="answers"]').is(':checked')) {
alert("please make a choice");
return undefined; //stops executing the rest of the code
}
i++;
if (i < 4) {
$('.choices').css('display', 'none');
$('#questions').text(quiz[i].question);
$('#zero').text(quiz[i].answers[0]);
$('#one').text(quiz[i].answers[1]);
$('#two').text(quiz[i].answers[2]);
$('#three').text(quiz[i].answers[3]);
$('.choices').show('slow');
$('input[name="answers"]').prop('checked', false);
}
if (i > 3) {
$('#quiz').remove();
$('#score').text("You have completed the quiz, your score is " + score);//score*(100/i)
$('#results').fadeIn('fast');
}
});
});

$(document).ready(function () {
$("#btn1").click(function () {
$(".boxhere").css({ 'backgroundColor': 'brown', 'color': 'white'});
});
});

$(document).ready(function () {
$("#btn1").click(function () {
$(".boxhere").clone().appendTo("#secthere");
});
});

$(document).ready(function () {
$("#btn1").click(function () {
$("#resdem").text("The content is been changed now!!!");
});
});

$(document).ready(function () {
$(window).load(function () {
$('#myModal').modal('show');
});
});

$(document).ready(function () {
$("#btn1").click(function () {
$("#panel").slideDown();
});
$("#btn2").click(function () {
$("#panel").slideUp();
});
});

$(document).ready(function () {
$("#btn1").click(function () {
if ($('input[name=gender]:checked').val() == "Male") {
$("#resdemo").text("No, you can't wear Saree unless you are in the Kapil Sharma Show");
}
else{
$("#resdemo").text("Sure, you can wear Saree");
}
});
});

$(document).ready(function () {
$("#btn1").click(function () {
var boxanim = $(".boxhere");
boxanim.animate({ height: 300 }, "slow");
boxanim.animate({ width: 300 }, "slow");
boxanim.queue(function () {
boxanim.css("background-color", "brown");
boxanim.dequeue();
});
boxanim.animate({ height: 100 }, "slow");
boxanim.animate({ width: 100 }, "slow");
});
});

$(function () {
var navbar = $('.navbar');
$(window).scroll(function () {
if ($(window).scrollTop() >= 40) {
navbar.removeClass('navbar-scroll');
} else {
navbar.addClass('navbar-scroll');
}
});
});

$(window).scroll(function () {
if ($(window).scrollTop() >= 40) {
$("#imgone").hide();
} else {
$("#imgone").show();
}
});

$(document).ready(function () {
var owl = $('.owl-carousel');
owl.owlCarousel({
loop: true,
margin: 10,
nav: false,
items: 3,
dots: true,
arrows: true
});

// Custom Button

$('.customNextBtn').click(function () {
owl.trigger('next.owl.carousel');
});
$('.customPreviousBtn').click(function () {
owl.trigger('prev.owl.carousel');
});
});

$(document).ready(function () {
$("#btn1").click(function () {
$("#firstsect").show();
$("#secondsect").hide();
});
$("#btn2").click(function () {
$("#firstsect").hide();
$("#secondsect").show();
});
});

$(document).ready(function () { $("#btn1").click(function () { $("#boxhere").addClass("colorchange"); }); $("#btn2").click(function () { $("#boxhere").removeClass("colorchange"); }); });

$(document).ready(function () {
$("#cardhere").mouseover(function () {
$(this).css({'backgroundColor': 'brown'});
$("i").css({'color': '#fff'});
$("h2").css({'color': '#fff'});
$("p").css({'color': '#fff'});
$("button").css({'backgroundColor': 'tomato'});
});
$("#cardhere").mouseout(function () {
$(this).css({'backgroundColor': '#fff'});
$("i").css({'color': '#1f1f1f'});
$("h2").css({'color': '#1f1f1f'});
$("p").css({'color': '#1f1f1f'});
$("button").css({'backgroundColor': 'brown'});
});
});

$(document).ready(function () {
$('#btn1').click(function () {
let img = $('#imghere');
let img1 = "1.jpg";
let img2 = "2.jpg";
img.attr('src', img.attr('src') == img1 ? img2 : img1);
});
});

$(document).ready(function () {
$("#btn1").click(function () {
$(".boxbg").empty();
});
});

$(document).ready(function () {
$('#btn1').click(function () {
$('.text').text('Its MSB Bhole, Es sabha me');
$.ajax({
type: "GET",
success: function (data) {
$('.text').text(JSON.stringify(data));
},
dataType: 'jsonp',
});
});
});

$(document).ready(function () {
$("#btn1").click(function () {
$("#inputhere").val(Math.ceil(Math.random() * 10000));
});
$("#btn2").click(function () {
$("#inputhere").val(0);
});
});

$(document).ready(function () {
$("#left").on('click', function (e) {
e.stopPropagation();
e.preventDefault();
$('#left').hide("slide", { direction: "left" }, 500, function () {
$('#right').show("slide", { direction: "right" }, 500);
});
});
$("#right").on('click', function (e) {
e.stopPropagation();
e.preventDefault();
$('#right').hide("slide", { direction: "right" }, 500, function () {
$('#left').show("slide", { direction: "left" }, 500);
});
});
});

const $navbar = $('.navbar');
$('a[href^="#"]').on('click', function (e) {
e.preventDefault();
const scrollTop =
$($(this).attr('href')).position().top -
$navbar.outerHeight();
$('html, body').animate({ scrollTop });
})

$(function () {
var slideCount = $(".slider ul li").length;
var slideWidth = $(".slider ul li").width();
var slideHeight = $(".slider ul li").height();
var slideUlWidth = slideCount * slideWidth;
$(".slider").css({ "max-width": slideWidth, "height": slideHeight });
$(".slider ul").css({ "width": slideUlWidth, "margin-left": - slideWidth });
$(".slider ul li:last-child").prependTo($(".slider ul"));
function moveLeft() {
$(".slider ul").stop().animate({
left: + slideWidth
}, 700, function () {
$(".slider ul li:last-child").prependTo($(".slider ul"));
$(".slider ul").css("left", "");
});
}
function moveRight() {
$(".slider ul").stop().animate({
left: - slideWidth
}, 700, function () {
$(".slider ul li:first-child").appendTo($(".slider ul"));
$(".slider ul").css("left", "");
});
}
$(".next").on("click", function () {
moveRight();
});
$(".prev").on("click", function () {
moveLeft();
});
});

$(document).ready(
function () {
$('#button').click(
function () {
var toAdd = $('input[name=ListItem]').val();
$('ol').append('

' + toAdd + '

');
});
$("input[name=ListItem]").keyup(function (event) {
if (event.keyCode == 13) {
$("#button").click();
}
});
$(document).on('dblclick', 'li', function () {
$(this).toggleClass('strike').fadeOut('slow');
});
$('input').focus(function () {
$(this).val('');
});
$('ol').sortable();
}
);

function makeTimer() {

// var endTime = new Date("29 April 2018 9:56:00 GMT+01:00");

var endTime = new Date("29 April 2025 9:56:00 GMT+01:00");
endTime = (Date.parse(endTime) / 1000);
var now = new Date();
now = (Date.parse(now) / 1000);
var timeLeft = endTime - now;
var days = Math.floor(timeLeft / 86400);
var hours = Math.floor((timeLeft - (days * 86400)) / 3600);
var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600)) / 60);
var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));
if (hours < "10") { hours = "0" + hours; }
if (minutes < "10") { minutes = "0" + minutes; }
if (seconds < "10") { seconds = "0" + seconds; }
$("#days").html(days + "
Days");
$("#hours").html(hours + "
Hours");
$("#minutes").html(minutes + "
Minutes");
$("#seconds").html(seconds + "
Seconds");
}
setInterval(function () { makeTimer(); }, 1000);

$(document).ready(function () {
$("input[type=email").focus(function () {
$(this).css("background", "brown");
});
$("input[type=password").focus(function () {
$(this).css("background", "red");
});
$("input[type=submit").focus(function () {
$(this).css({"background": "green", "color" : "#fff"});
});
});

$(document).ready(function () {
$("#redditlink").click(function (e) {
e.preventDefault();
});
});

$(document).ready(function () {
$(".openbtn").click(function () {
$("#mySidenav").css("width", "100%");
});
$(".closebtn").click(function () {
$("#mySidenav").css("width", "0");
});
});