HTML + HTML5 interview questions part 2

HTML + HTML5 interview questions part 2

Take as many assements as you can to improve your validate your skill rating

Total Questions: 20

1. Which element specifies a list of pre-defined options for an input element?

A.

B.

C.

D.

Correct Answer is :

2. Which of the following defines a group of related options in a drop-down list?

A.

B.

C.

D.

Correct Answer is :

3. How do we write comments in HTML5?

A.

B. <…….!>

C.

D.

Correct Answer is :

4. Which one is correct syntax?

A.

B.

C.

D.

Correct Answer is :

5. Which of the following is not example of block element?

A.

B.

C.

D.

Correct Answer is :

6. What does semantic markup not define?

A. provides extra information

B. where an emphasis is placed in a sentence

C. meaning of an acronym

D. that describes paragraphs

Correct Answer is : that describes paragraphs

7. What is the size of content of an

element?

D. Anything between smallest and largest

Correct Answer is : Largest

8. What is the tag used for making character appearance bold?

Correct Answer is : content

9. For writing chemical formula of water which tag will be used?

Correct Answer is :

10. which tag will be used For raising number to a power?

Correct Answer is :

11. What is the use of
tag?

A. To create horizontal rule between sections

B. To create a line break

C. To create vertical rule between sections

D. For making content appearance italics

Correct Answer is : To create horizontal rule between sections

12. Which attribute is not essential under ?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que12A">A. src</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12B">B. height</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12C">C. width</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12D">D. frameborder</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="12">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans12"> <div class="correctAnsInner"> Correct Answer is : <span>frameborder</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>13. All elements are identified by their and are marked up using either start tags and end tags or self-closing tags.</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que13A">A. attribute name</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13B">B. tag name</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13C">C. class name</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13D">D. none of the mentioned</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="13">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans13"> <div class="correctAnsInner"> Correct Answer is : <span>tag name</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>14. The element represents a span of text that is isolated from its surroundings for the purposes of bidirectional text formatting.</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que14A">A. b</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14B">B. bdi</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14C">C. bdo</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14D">D. base</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="14">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans14"> <div class="correctAnsInner"> Correct Answer is : <span>bdi</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>15. The interactive element audio with the attribute controls must not appear as a descendant of which element?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que15A">A. a</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15B">B. button</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15C">C. audio</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15D">D. both a and button</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="15">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans15"> <div class="correctAnsInner"> Correct Answer is : <span>both a and button</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>16. A ____ element must have a start tag but must not have an end tag.</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que16A">A. details</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16B">B. command</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16C">C. code</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16D">D. both details and command</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="16">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans16"> <div class="correctAnsInner"> Correct Answer is : <span>command</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>17. Which type attribute of input element sets the element’s value to a string representing a number?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que17A">A. range</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17B">B. email</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17C">C. file</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17D">D. date</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="17">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans17"> <div class="correctAnsInner"> Correct Answer is : <span>range</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>18. Which of the following type attributes of input element defines control for entering a telephone number?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que18A">A. mob</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18B">B. tel</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18C">C. mobile</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18D">D. telephone</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="18">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans18"> <div class="correctAnsInner"> Correct Answer is : <span>tel</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>19. Which element represents a control for generating a public-private key pair?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que19A">A. ins</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que19B">B. keygen</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que19C">C. key</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que19D">D. command</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="19">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans19"> <div class="correctAnsInner"> Correct Answer is : <span>keygen</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>20. Which element represents marked or highlighted text for reference purposes?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que20A">A. highlight</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que20B">B. mark</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que20C">C. strong</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que20D">D. blink</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="20">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans20"> <div class="correctAnsInner"> Correct Answer is : <span>mark</span> </div> </div> </div> </div> <hr /> </div> <div class="similarQuestion queColListInner"> <h3>Similar Interview Questions</h3> <ul id="skill-alias-list"></ul> </div> </div> </div> </div> </div> <div class="blogsidebar col-lg-4"> <div class="blogsubscribe text-left"> <div class="text-center"> <h2>Search for latest jobs</h2> </div> <div class="subscribeform"> <div id="subcmsg"></div> <form id="jobSearchForm" method="post"> <div class="formInputCol"> <div class="position-relative inputIcon"> <img class="iconCol" src="/landing/img/jobtitleicon.svg" alt="Icon" /> <input type="text" name="jobTitle" aria-label="input-field" placeholder="Enter job title" class="blogusername" id="jobTitle"> </div> <div class="position-relative inputIcon"> <img class="iconCol" src="/landing/img/locationicon.svg" alt="Icon" /> <input type="email" name="jobLocation" aria-label="input-field" placeholder="Enter location" class="blogemail" id="jobLocation"> </div> </div> <button aria-label="button" type="button" class="subscribeblog" onclick="jobSearch()">Find Jobs</button> </form> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ $('#jobSearchForm').on('keypress', function(event) { // Check if the pressed key is Enter (key code 13) if (event.which === 13) { event.preventDefault(); // Prevent the form from submitting $('.subscribeblog').click(); // Trigger the button click } }); $(".takeTest").click(function(){ $(this).parents(".interViewCard").removeClass("active"); $(this).parents(".interViewCard").next().addClass("active"); }); $(".btnAnswer").on('click', function(){ var qid = $(this).data("id"); $("#cans" + qid).toggle(100); }); let url = "/get-similar-interview-questions.html?searchString=" + extractValueFromUrl(window.location.href); $.get(url, function(responseData) { responseData = JSON.parse(responseData); if (responseData.status && responseData.status == 'ok') { var list = responseData.list; list.forEach(function(item) { var alias = item.alias; var link = "/interview-questions/" + alias + ".html" var link = '<a href='+link+' aria-label="hyperlink-label">' + alias + '</a>'; $('#skill-alias-list').append('<li style="padding:10px; text-wrap: nowrap;">' + link + '</li>'); }); } }); function extractValueFromUrl(url) { // Extract the part between the last '/' and '.html' var match = url.match(/\/([^\/]+)\.html$/); return match ? match[1] : null; } }); function jobSearch() { var jobTitle = $("#jobTitle").val(); var jobLocation = $("#jobLocation").val(); var url = "/job-search-detail.html?query=" + encodeURIComponent(jobTitle) + "&city=" + encodeURIComponent(jobLocation); window.open(url); } </script> </div> <footer> <div class="footer_content jobPageFooter"> <div class="container containerCstm"> <div class="footer_menu"> <div class="row"> <div class="col-md-3"> <div class="footer_text"> <h2>For Employers</h2> <ul> <li> <a href="https://calendly.com/support-121/snaprecruit23" target="_blank" title="Schedule A Demo">Schedule A Demo</a> </li>  <li> <a href="" title="For Employers">Staffing Services we offer via: </a> </li> <li> <a href="https://SnapX.ai" target="_blank" title="Get Vetted Talent with Video Intros.">SnapX.ai</a> </li>    </ul> <h2>For Partner</h2> <ul> <li> <a href="/register.html?returnJobAlias=" target="_blank" title="Partner Registration">Partner Registration</a> </li> </ul>  </div> </div> <div class="col-md-3"> <div class="footer_text"> <h2>For Jobseekers</h2> <ul> <li> <a href="/register.html" title="Talent">For Talent</a> </li> <li> <a href="/register.html" title="Register">Upload Your Resume </a> </li> <li> <a href="/jobcon-event.html" title="How Hired Works">JOBCON - Sourcing Event</a> </li> <li> <a href="/blog/blog-list.html" title="Blogs">Blogs</a> </li> <li> <a href="/article/announcements-list.html" title="Announcements">Announcements</a> </li> <li> <a href="/articles/articles-list.html" title="HR Articles">HR Articles</a> </li> <li> <a href="/job-descriptions/job-descriptions-list.html" title="Job Description">Job Description</a> </li> <li> <a href="/interview-questions/interview-questions-list.html" title="Interview Questions">Interview Questions</a> </li> </ul> </div> </div> <div class="col-md-3"> <div class="footer_text"> <h2>Help</h2> <ul> <li> <a href="/article/help-list.html" title="Help Articles">Help</a> </li> <li> <a href="/article/support-list.html" title="Support Articles">Support Articles</a> </li> <li> <a href="/site-map.html" target="_blank" title="Sitemap">Sitemap</a> </li> <li> <a href="/terms.html" target="_blank" title="Terms & Conditions">Terms of Service</a> </li> <li> <a href="/policy.html" target="_blank" title="Privacy Policy">Privacy Policy</a> </li> </ul> <h2>Follow Us</h2> <ul class="socila_icon"> <li><a href="https://www.facebook.com/snaprecruits" aria-label="Facebook" target="_blank"><i class="fa fa-facebook" aria-hidden="true" style="color:#8badd7;"></i></a></li> <li><a href="https://twitter.com/snaprecruit" aria-label="Twitter" target="_blank"><i class="fa fa-twitter" aria-hidden="true" style="color:#a5e2fe;"></i></a></li> <li><a href="https://linkedin.com/company/snaprecruit.com" target="_blank" aria-label="Linkedin"><i class="fa fa-linkedin" aria-hidden="true" style="color:#a5eeee;"></i></a></li> </ul> </div> </div> <div class="col-md-3"> <div class="footer_text"> <h2 >snaprecruit</h2> <ul class="footerLogo"> <li> <a href="https://heapanalytics.com/?utm_source=badge" aria-label="Analytics by heap" target="_blank"> <img width="104" height="39" src="/landing/img/footer-img1.png" alt="FooterImg" /> </a> </li> <li> <a href="https://jooble.org" aria-label="Jooble" target="_blank"> <img width="49" height="38" src="/landing/img/footer-img2.png" alt="FooterImg" /> </a> </li> </ul> </div> </div> </div> </div> <div class="footer_bottom"> <div class="row"> <div class="footer_right col-lg-6 order-12"> <ul> <li><a href="/site-map.html" target="_blank" title="Sitemap">Sitemap</a></li> <li><a href="/release-notes.html" target="_blank" title="Release Notes">Release Notes</a></li> <li><a href="/terms.html" target="_blank" title="Terms & Conditions">Terms of Service</a></li> <li><a href="/policy.html" target="_blank" title="Privacy Policy">Privacy Policy</a></li> </ul> </div> <div class="footer_Left col-lg-6 order-1"> <p> 2020 - 2025 SnapX Platform Inc. All Rights Reserved</p> </div> </div> </div> </div> </div> </footer> <div class="notification-footer showFooter appDownloadCol"> <div class="appDownloadSec"> <div class="appDownloadSecInner"> <h3><span>Download mobile apps</span>Just Swipe to apply for jobs. <label>Try it out !</label> </h3> <div class="appDownloadBtnCol"> <div class="appDownloadBtn asd"> <a href="https://apps.apple.com/us/app/snaprecruit/id1546822497"> <img width="23" height="26" src="/assets/img/appleicon.svg" alt="Apple icon" /> <p> <span>Download on</span> <label>App store</label> </p> </a> <a href="https://play.google.com/store/apps/details?id=com.snaprecruit.swipe&hl=en_US&gl=US"> <img width="20" height="21" src="/assets/img/googleplayicon.svg" alt="Google play icon" /> <p> <span>Download on</span> <label>Google Play</label> </p> </a> </div> <i class="fa fa-times f-close-x notclose" aria-hidden="true"></i> </div> </div> </div> </div> <script type="text/javascript"> $(".notclose").click(function(){ $(this).parents().find(".showFooter").removeClass("showFooter"); }); </script> <div class="thin-sticky" style="position:fixed; top:0; width:100%; height:5px; z-index:50000"></div> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script> <script type="text/javascript" src="/landing/js/slick.min.js"></script> <script src="/assets/js/section/general/jquery.typeahead.js?v=123"></script> <script type="text/javascript"> $(document).ready(function(){ if ($(window).width() < 767) { $(".login-button .positionr").click(function(){ $(".employermenu").next().slideToggle(); }); $(".signupMenu").click(function(){ $(this).parent().toggleClass("open"); }); } else if ($(window).width() > 767) { $(".signupMenu").click(function(){ $(this).parent().toggleClass("open"); }); $(".login-button .positionr").hover(function(){ $(".employermenu").next().slideToggle(); }); } }); </script> <script> $('.tglBtn > a').click(function(){ $(this).parents('.header-nav').toggleClass('navTogl') }); $('.navbarLinks').click(function(){ $('.tglBtn').removeClass('navTogl') $(this).removeClass('.navbarLinks'); }); // $('.dropdown.login-button').hover(function() { // $(this).find('.dropdown-menu').stop(true, true).delay(0).fadeIn(0); // }, function() { // $(this).find('.dropdown-menu').stop(true, true).delay(0).fadeOut(0); // }); $(function(){ $(window).scroll(function() { if ($(this).scrollTop() >= 150) { $('body').addClass('stickytop'); } else { $('body').removeClass('stickytop'); } }); }); // $('.login-button.dropdown').hover(function() { // $(this).find('.dropdown-menu').stop(true, true).delay(0).fadeIn(0); // }, function() { // $(this).find('.dropdown-menu').stop(true, true).delay(0).fadeOut(0); // }); $('.cardMenu>div >a').click(function(){ var targetImg = $(this).data('img'); $('.InnerImg>img').attr('src',targetImg); }); $('.slider_logo').slick({ slidesToShow: 4, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, responsive: [ { breakpoint: 585, settings: { centerMode: true, centerPadding: '0', slidesToShow: 2 } } ] }); $('.slider_content').slick({ slidesToShow: 2, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, responsive: [ { breakpoint: 585, settings: { centerMode: true, centerPadding: '0', slidesToShow: 1 } } ] }); </script> <script> //to bottom $(document).ready(function(){ // hide #back-top first $("#back-bottom").show(); // fade in #back-top $(function () { $(window).scroll(function () { if ($(this).scrollTop() == 1) { $('#back-bottom').hide(); } else { $('#back-bottom').show(); } }); // scroll body to 0px on click $('#back-bottom a').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); }); </script> <script> function OpenInNewTab(url) { var win = window.open(url, '_blank'); win.focus(); } $(document).ready(function() { $('.smoothScroll').click(function(){ $('html, body').animate({ scrollTop: $( $.attr(this, 'href') ).offset().top }, 1000); return false; }); if ($('.register').html()) { var stickyNavTop = $('.register').offset().top; var stickyNav = function(){ var scrollTop = $(window).scrollTop(); if (scrollTop > stickyNavTop) { $('.register').addClass('sticky'); } else { $('.register').removeClass('sticky'); } }; stickyNav(); $(window).scroll(function() { stickyNav(); }); } $('#postJobBtn').click(function() { window.location = "/register.html?rec=true&user.email=" + $('#upperEmail').val(); }); $('#uploadResumeBtn').click(function() { window.location = "/register.html?user.email=" + $('#upperEmail').val(); }); $('#registerAnAccount').click(function() { window.location = "/register.html?user.email=" + $('#registerEmail').val(); }); // Home page Animations if ($('.item').hasClass('active')){ $(this).toggleClass("pulse animated"); } $('.arrowBtn').click(function() { var next = $('.carousel-inner .active').next(); if (!next.html()) next = $('.carousel-inner .item').first(); if (next.html()) setTimeout(function(){ next.removeClass("pulse");next.removeClass("animated");next.toggleClass("pulse animated"); }, 70); }); var checkEmail = function(email) { var str="^([a-zA-Z0-9_-]+[\.]?)[a-zA-Z0-9]+@([a-zA-Z0-9_-]+[\.]?)[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$"; var re=new RegExp(str); if(re.test(email)){ return true; } return false; } $('#formRptSend').click(function() { var subject = $('#formRptSubject').val(); var email = $('#formRptEmail').val(); var message = $('#formRptMsg').val(); if (!subject) { $('#formRptSubjectErr').show(); return; } else $('#formRptSubjectErr').hide(); if (!email) { $('#formRptEmailErr').show(); return; } else if (!checkEmail(email)) { $('#formRptEmailInvalid').show(); $('#formRptEmailErr').hide(); return; } else { $('#formRptEmailErr').hide(); $('#formRptEmailInvalid').hide(); } if (!message) { $('#formRptMsgErr').show(); return; } else $('#formRptMsgErr').hide(); $.post( "/ajax/send-report-email.html", { 'contact.name' : subject, 'contact.email' : email, 'contact.message' : message }, function() { $('#myModal').modal("hide"); }); }); }); // $(".login-button .positionr").hover(function(){ // $(".employermenu").next().toggle(); // }); $('.load-one').click(function(){ $('.load-cont-2').addClass('loadmoreshow'); $(this).hide(); }); $('.load-two').click(function(){ $('.load-cont-3').addClass('loadmoreshow'); $(this).hide(); }); $('.load-three').click(function(){ $('.load-cont-4').addClass('loadmoreshow'); $(this).hide(); }); $('.load-four').click(function(){ $('.load-cont-5').addClass('loadmoreshow'); $(this).hide(); }); $('.load-five').click(function(){ $('.load-cont-6').addClass('loadmoreshow'); $(this).hide(); }); $('body').scrollspy({ target: '#page-scroll-links'}); function checkOffset() { if($('#social-float').offset().top + $('#social-float').height() >= $('#footer').offset().top - 10) $('#social-float').css('position', 'absolute'); if($(document).scrollTop() + window.innerHeight < $('#footer').offset().top) $('#social-float').css('position', 'fixed'); // restore when you scroll up $('#social-float').text($(document).scrollTop() + window.innerHeight); } $(document).scroll(function() { checkOffset(); }); $('#navbar-example .nav-tabs>li').click(function(){ $('#navbar-example .nav-tabs>li').removeClass('active'); $(this).addClass('active'); }); $('#reloadActivities').click(function(){ $('.side-bar' ).animate({right:'0px'}); }); $('.btn.btn-default.slide').click(function(){ $('.side-bar' ).animate({right:'-400px'}); }); //Blog paragraph text limit $(function(){ $(".card .card__info p").each(function(i){ len=$(this).text().length; if(len>160) { $(this).text($(this).text().substr(0,160)+'...'); } }); }); $(document).on("click", function(event){ var $trigger = $(".login-button"); if($trigger !== event.target && !$trigger.has(event.target).length){ $(".login-button").removeClass("open"); } }); function filterJobs(paramName, value) { var queryParams = ""; var qpArr = queryParams!="" ? queryParams.split("&") : []; paramFlag = false; if(qpArr.length > 0) { var nqpArr = []; var j = 0; for(i = 0; i < qpArr.length; i++) { if(qpArr[i].indexOf("error=") === -1) { nqpArr[j] = qpArr[i]; j++; } } for(i = 0; i < nqpArr.length; i++) { var pair = nqpArr[i].split("="); if(pair[0] == "error") continue; if(pair[0] == paramName) { paramFlag = true; pair[1] = value; } nqpArr[i] = pair.join("="); } queryParams = nqpArr.join("&"); } if(paramFlag == false) { if(queryParams=="") queryParams = paramName+"="+value; else queryParams = queryParams+"&"+paramName+"="+value; } window.location = "http://snaprecruit.com/interview-questions/HTML-+-HTML5-interview-questions-part-2.html?"+queryParams; } function clearFilters() { var queryParams = ""; var qpArr = queryParams!="" ? queryParams.split("&") : []; var queryCity = qpArr.filter(function(qprm) { return qprm.indexOf("query")!=-1 || qprm.indexOf("city")!=-1; }); queryParams = queryCity.join("&"); window.location = "http://snaprecruit.com/interview-questions/HTML-+-HTML5-interview-questions-part-2.html?"+queryParams; } </script>  </body> </html>