admin Oct, Fri, 2024 EXAM HTML PROGRAMMING EXAM 1234567891011121314151617181920 Exam Instructions: Total Number of Questions: 20 You will be required to answer a total of 20 multiple-choice questions. Time Limit: 200 seconds for the entire exam You must complete all 20 questions within 200 seconds. Once the time is up, the exam will automatically submit. Passing Criteria: A minimum score of 60% is required to pass the exam and qualify for a certificate. Certificate Award: Upon passing with at least 60%, you will be awarded a Certificate of Achievement. Multiple Attempts: You are allowed to take the exam multiple times. Only your highest score will be considered for certification. Additional Instructions: Read each question carefully before answering. The exam timer cannot be paused once it begins. Ensure a stable internet connection throughout the exam. Good luck, and feel free to retake the exam to improve your score! HTML PROGRAMMING EXAM Test your HTML skills with a challenging exam designed to evaluate your knowledge in programming, data structures, and algorithms The certificate will be generated based on the information you provide in the form, so please ensure that all details are entered correctly. NameEmailPhone NumberUniversityCollegeDegreeDepartmentPass Out YearPass Out Year2014201520162017201820192020202120222023202420252026202720282029 1 / 20 1) What does the rel=”stylesheet” attribute specify in the tag? A) Loads scripts B) Links images C) Defines the document type D) Sets content security policy 2 / 20 2) How can you manage multiple audio sources in HTML5? A) Use only one audio source B) Limit to specific formats only C) Rely on JavaScript for loading D) Hide unsupported formats 3 / 20 3) What does the target attribute do in HTML5 forms? A) Limits input types B) Controls form submission C) Hides form content D) Enhances accessibility 4 / 20 4) What does the accept attribute do in an HTML5 file input? A) Limits file sizes B) Controls file formats C) Hides input fields D) Enhances accessibility 5 / 20 5) What is the purpose of the keygen element in HTML5 forms? A) Encrypts form data B) Validates user input C) Secures file uploads D) Saves user passwords 6 / 20 6) How can you ensure your website is accessible using HTML5? A) Limit to visual design only B) Avoid accessibility features C) Control with JavaScript only D) Hide non-visible content 7 / 20 7) What is the function of the element in HTML5? A) Limits image rendering only B) Rely on external graphics libraries C) Avoid using graphics D) Sets fixed content 8 / 20 8) What is the correct way to make an HTML form send data without reloading the page? A) Use the action attribute B) Use AJAX C) Use the target="_blank" attribute D) Use data-* attributes 9 / 20 9) What is the purpose of the element in HTML5? A) Declares metadata B) Defines placeholders in the shadow DOM C) Embeds third-party scripts D) Loads external content 10 / 20 10) How do you define keyboard shortcuts for custom elements in HTML5? A) Limit to mouse navigation B) Avoid using custom shortcuts C) Control with JavaScript only D) Hide keyboard shortcuts 11 / 20 11) How can you implement keyboard navigation for custom components in HTML5? A) Use only mouse events B) Avoid keyboard navigation C) Set display: none for elements D) Implement using CSS only 12 / 20 12) How can you optimize images for the web in HTML5? A) Limit to JPEG and PNG only B) Avoid using images entirely C) Control with JavaScript only D) Hide images from view 13 / 20 13) What is the correct HTML for creating a text input field? A) <input type="text"> B) <textarea> C) <input type="textbox"> D) <textfield> 14 / 20 14) How does the preload attribute in the and tags affect performance? A) Ensures the media autoplays B) Controls how much media is loaded C) Loads subtitles before media D) Prioritizes streaming 15 / 20 15) How do you optimize SVG graphics for web performance in HTML5? A) Convert to PNG B) Use only CSS for styling C) Embed in <div> D) Increase file size 16 / 20 16) How can you create a responsive table layout in HTML5? A) Set fixed widths for all columns B) Limit to desktop view only C) Avoid using tables D) Control layouts with JavaScript 17 / 20 17) How do you provide a fallback for browsers that don’t support the element? A) Use noscript tag B) Add fallback content inside <video> tags C) Use a Flash fallback D) Include an image tag 18 / 20 18) What is the role of the preload attribute in the and tags? A) Limits media playback B) Sets media visibility C) Controls streaming quality D) Defines file formats 19 / 20 19) How can you add video captions or subtitles in HTML5? A) Use the alt attribute B) Use the <track> tag C) Add captions in <figcaption> D) Use subtitles attribute in <video> 20 / 20 20) How do you define a scoped style that only applies to an HTML template? A) Use scoped attribute in <style> B) Use shadow DOM or <template> C) Add styles inside the <body> D) Create an external stylesheet Your score isDear %%user_name%%, Your Score is %%score%% in %%quiz_name%% Share this post in Your linkedIn Post LinkedIn Facebook Twitter VKontakte Don’t miss out on more exciting challenges and updates—follow our network to stay ahead! 0% Thank you for participating in our Exam We’d love to hear your feedback to help us improve. Please take a moment to complete this review form. Thank you for your time and valuable feedback! Send feedback ExamWEB DEVELOPMENT EXAM...Read MoreREACT JS PROGRAMMING EXAM...Read MorePYTHON EXAMS ...Read MoreJAVASCRIPT PROGRAMMING EXAM...Read MoreJAVA PROGRAMMING EXAM...Read MoreHTML PROGRAMMING EXAM...Read MoreCSS PROGRAMMING EXAM...Read MoreANGULAR JS PROGRAMMING EXAM...Read More
admin Oct, Fri, 2024 EXAM CSS PROGRAMMING EXAM 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 Exam Instructions: Total Number of Questions: 20 You will be required to answer a total of 20 multiple-choice questions. Time Limit: 200 seconds for the entire exam You must complete all 20 questions within 200 seconds. Once the time is up, the exam will automatically submit. Passing Criteria: A minimum score of 60% is required to pass the exam and qualify for a certificate. Certificate Award: Upon passing with at least 60%, you will be awarded a Certificate of Achievement. Multiple Attempts: You are allowed to take the exam multiple times. Only your highest score will be considered for certification. Additional Instructions: Read each question carefully before answering. The exam timer cannot be paused once it begins. Ensure a stable internet connection throughout the exam. Good luck, and feel free to retake the exam to improve your score! CSS PROGRAMMING EXAM Test your CSS skills with a challenging exam designed to evaluate your knowledge in programming, data structures, and algorithms The certificate will be generated based on the information you provide in the form, so please ensure that all details are entered correctly. NameEmailPhone NumberUniversityCollegeDegreeDepartmentPass Out YearPass Out Year2014201520162017201820192020202120222023202420252026202720282029 1 / 20 1) How do you create a multi-layered background in CSS? A) Control with JavaScript only B) Limit to single backgrounds C) Use multiple background layers D) Avoid using layers 2 / 20 2) How can you create a CSS dropdown effect? A) Control with JavaScript only B) Avoid using menus C) Limit to static dropdowns D) Use lists for dropdown menus 3 / 20 3) How can you create a CSS grid layout with variable column widths? A) Use fr units for flexible widths B) Limit to fixed sizes C) Avoid using grids D) Control with JavaScript only 4 / 20 4) How do you create a CSS sticky header? A) Limit to static headers B) Use sticky positioning for headers C) Control with JavaScript only D) Avoid using sticky styles 5 / 20 5) How do you create a CSS multi-column layout? A) Avoid using columns B) Control with JavaScript only C) Use column-count for multi-columns D) Limit to single columns 6 / 20 6) What does the color property do in CSS? A) Limits to background colors B) Sets text color of elements C) Controls layout properties D) Avoid using colors 7 / 20 7) What does the align-items property do in Flexbox? A) Avoid using flex properties B) Control with JavaScript only C) Controls alignment of flex items D) Limits to main axis 8 / 20 8) How can you create a CSS breadcrumb navigation? A) Control with JavaScript only B) Limit to fixed navigation C) Use lists and styles for breadcrumbs D) Avoid using breadcrumbs 9 / 20 9) What is the role of the filter property in CSS? A) Hides elements B) Limits visibility C) Applies graphical effects D) Controls layout properties 10 / 20 10) How can you create a CSS layout with fixed and fluid elements? A) Control with JavaScript only B) Limits to static layouts C) Avoid using mixed layouts D) Combines fixed and fluid elements 11 / 20 11) How can you create a CSS-based responsive grid? A) Avoid using grids B) Limit to fixed grids C) Use grid properties for responsiveness D) Control with JavaScript only 12 / 20 12) What does the white-space property do in CSS? A) Controls layout properties B) Controls whitespace handling C) Limits visibility D) Hides text 13 / 20 13) What is the use of the !important rule in CSS? A) Sets element visibility B) Limits styling options C) Controls animations D) Overrides other styles 14 / 20 14) What is the purpose of the will-change property in CSS? A) Limits rendering only B) Controls layout properties C) Hides elements D) Hints at upcoming changes for optimization 15 / 20 15) What does the border-radius property control in CSS? A) Avoid using borders B) Limits to fixed shapes C) Controls layout properties D) Rounds corners of elements 16 / 20 16) What does the grid-column-gap property do? A) Controls layout properties B) Avoid using gaps C) Limits to fixed widths D) Sets spacing between grid columns 17 / 20 17) What does the box-sizing property control in CSS? A) Changes box model calculations B) Controls layout properties C) Limits to fixed sizing D) Avoid using box properties 18 / 20 18) What does the justify-content property do in Flexbox? A) Aligns flex items along main axis B) Limits to cross axis C) Control with JavaScript only D) Avoid using flex properties 19 / 20 19) What is the break-inside property used for in CSS? A) Limits visibility only B) Controls layout properties C) Controls breaks in multi-column D) Hides elements 20 / 20 20) What does the clip-path property do in CSS? A) Avoid using clipping B) Control with JavaScript only C) Limits to fixed shapes D) Creates custom clipping shapes Your score is Dear %%user_name%%, Your Score is %%score%% in %%quiz_name%% Share this post in Your linkedIn Post LinkedIn Facebook Twitter VKontakte Don’t miss out on more exciting challenges and updates—follow our network to stay ahead! 0% Thank you for participating in our Exam We’d love to hear your feedback to help us improve. Please take a moment to complete this review form. Thank you for your time and valuable feedback! Send feedback ExamWEB DEVELOPMENT EXAM...Read MoreREACT JS PROGRAMMING EXAM...Read MorePYTHON EXAMS ...Read MoreJAVASCRIPT PROGRAMMING EXAM...Read MoreJAVA PROGRAMMING EXAM...Read MoreHTML PROGRAMMING EXAM...Read MoreCSS PROGRAMMING EXAM...Read MoreANGULAR JS PROGRAMMING EXAM...Read More
admin Oct, Fri, 2024 EXAM JAVASCRIPT PROGRAMMING EXAM 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 Exam Instructions: Total Number of Questions: 20 You will be required to answer a total of 20 multiple-choice questions. Time Limit: 200 seconds for the entire exam You must complete all 20 questions within 200 seconds. Once the time is up, the exam will automatically submit. Passing Criteria: A minimum score of 60% is required to pass the exam and qualify for a certificate. Certificate Award: Upon passing with at least 60%, you will be awarded a Certificate of Achievement. Multiple Attempts: You are allowed to take the exam multiple times. Only your highest score will be considered for certification. Additional Instructions: Read each question carefully before answering. The exam timer cannot be paused once it begins. Ensure a stable internet connection throughout the exam. Good luck, and feel free to retake the exam to improve your score! JAVASCRIPT PROGRAMMING EXAM Test your JAVASCRIP skills with a challenging exam designed to evaluate your knowledge in programming, data structures, and algorithms The certificate will be generated based on the information you provide in the form, so please ensure that all details are entered correctly. NameEmailPhone NumberUniversityCollegeDegreeDepartmentPass Out YearPass Out Year2014201520162017201820192020202120222023202420252026202720282029 1 / 20 1) What does the Array.reduce() method do? A) Control with loops only B) Reduces array to a single value C) Avoid using reduce for aggregation D) Limits to filtering 2 / 20 2) How do you create a promise in JavaScript? A) Limits to synchronous operations B) Avoid using promises C) Creates a new promise D) Control with callbacks only 3 / 20 3) What does the Object.keys() method do? A) Retrieves object keys B) Control with loops only C) Avoid using for non-enumerable properties D) Limits to values only 4 / 20 4) How can you create a promise that resolves after a delay? A) Avoid using setTimeout B) Limits to synchronous execution C) Control with callbacks only D) Resolves after a delay 5 / 20 5) How can you check for the existence of a property in an object? A) Avoid using for object literals B) Limits to array indices C) Control with for…in only D) Checks for property presence 6 / 20 6) How can you create a singleton in JavaScript? A) Control with constructors only B) Limits to multiple instances C) Avoid using for global access D) Ensures single instance 7 / 20 7) What is the purpose of Object.assign() in JavaScript? A) Control with manual merging only B) Limits to shallow copy C) Avoid using assign for clarity D) Merges objects 8 / 20 8) What does the Array.every() method do? A) Avoid using every for checks B) Control with loops only C) Limits to filtering D) Tests all elements for a condition 9 / 20 9) What does the shift() method do in JavaScript? A) Avoid using for empty arrays B) Removes the first element C) Limits to the last element D) Control with loops only 10 / 20 10) How can you create a deep copy of an object in JavaScript? A) Creates a deep clone B) Limits to shallow copying C) Avoid using for large objects D) Control with loops only 11 / 20 11) What does the for…of loop do in JavaScript? A) Control with for…in only B) Limits to properties only C) Avoid using for objects D) Iterates over values 12 / 20 12) How can you create a shallow copy of an array in JavaScript? A) Creates a shallow copy B) Control with external libraries only C) Limits to deep copying D) Avoid using cloning methods 13 / 20 13) How can you prevent an object from being modified in JavaScript? A) Seals an object B) Control with deep cloning only C) Avoid using for flexibility D) Limits to immutability 14 / 20 14) What is the purpose of setTimeout() in JavaScript? A) Avoid using for synchronous tasks B) Control with promises only C) Delays function execution D) Limits to interval functions 15 / 20 15) What is the output of console.log(typeof (1 + ‘1’))? A) "undefined" B) "object" C) "number" D) "string" 16 / 20 16) What is the purpose of Array.prototype.reduceRight()? A) Limits to forward reduction B) Avoid using for clarity C) Control with forEach only D) Reduces array from the right 17 / 20 17) How can you create an Immediately Invoked Function Expression (IIFE)? A) Avoid using IIFE for clarity B) Creates an IIFE C) Control with global scope only D) Limits to named functions 18 / 20 18) What is a Proxy in JavaScript? A) Avoid using for clarity B) Customizes object behavior C) Limits to function behavior only D) Control with regular objects only 19 / 20 19) How do you create a deep copy of an object in JavaScript? A) Creates a deep copy B) Avoid using for circular references C) Limits to shallow copy D) Control with cloning libraries only 20 / 20 20) How can you create an asynchronous generator in JavaScript? A) Avoid using for callbacks B) Limits to synchronous functions C) Control with regular generators only D) Creates async generator Your score is Dear %%user_name%%, Your Score is %%score%% in %%quiz_name%% Share this post in Your linkedIn Post LinkedIn Facebook Twitter VKontakte Don’t miss out on more exciting challenges and updates—follow our network to stay ahead! 0% Thank you for participating in our Exam We’d love to hear your feedback to help us improve. Please take a moment to complete this review form. Thank you for your time and valuable feedback! Send feedback ExamWEB DEVELOPMENT EXAM...Read MoreREACT JS PROGRAMMING EXAM...Read MorePYTHON EXAMS ...Read MoreJAVASCRIPT PROGRAMMING EXAM...Read MoreJAVA PROGRAMMING EXAM...Read MoreHTML PROGRAMMING EXAM...Read MoreCSS PROGRAMMING EXAM...Read MoreANGULAR JS PROGRAMMING EXAM...Read More
admin Oct, Fri, 2024 EXAM ANGULAR JS PROGRAMMING EXAM 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 Exam Instructions: Total Number of Questions: 20 You will be required to answer a total of 20 multiple-choice questions. Time Limit: 200 seconds for the entire exam You must complete all 20 questions within 200 seconds. Once the time is up, the exam will automatically submit. Passing Criteria: A minimum score of 60% is required to pass the exam and qualify for a certificate. Certificate Award: Upon passing with at least 60%, you will be awarded a Certificate of Achievement. Multiple Attempts: You are allowed to take the exam multiple times. Only your highest score will be considered for certification. Additional Instructions: Read each question carefully before answering. The exam timer cannot be paused once it begins. Ensure a stable internet connection throughout the exam. Good luck, and feel free to retake the exam to improve your score! ANGULAR JS PROGRAMMING EXAM Test your ANGULAR JS skills with a challenging exam designed to evaluate your knowledge in programming, data structures, and algorithms The certificate will be generated based on the information you provide in the form, so please ensure that all details are entered correctly. NameEmailPhone NumberUniversityCollegeDegreeDepartmentPass Out YearPass Out Year2014201520162017201820192020202120222023202420252026202720282029 1 / 20 1) What is the use of ng-controller directive in AngularJS, and how does it relate to scope inheritance? A) To compile templates with controllers B) To bind multiple controllers to one view C) To manage HTTP requests within the controller D) To attach a controller and create a new child scope 2 / 20 2) What is the purpose of $injector service in AngularJS? A) To compile templates B) To manage scope inheritance C) To retrieve object instances based on provider registrations D) To handle HTTP requests 3 / 20 3) What is the purpose of $locationProvider in AngularJS? A) To handle form submissions exclusively B) To configure URL routing and management settings C) To manage only service routing D) To manipulate the DOM directly 4 / 20 4) What is the use of $controller service in AngularJS? A) To compile templates B) To handle HTTP requests C) To manage scope inheritance D) To instantiate controllers programmatically 5 / 20 5) How can you create custom filters that accept multiple parameters in AngularJS? A) By defining a filter function with multiple parameters B) By embedding logic in controllers C) By hardcoding parameters in templates D) By using only single-parameter filters 6 / 20 6) How do you implement a directive for creating a custom slider in AngularJS? A) By hardcoding slider logic in the view B) By using only built-in slider features C) By managing sliders exclusively in services D) By handling mouse events for slider functionality 7 / 20 7) How do you create a custom directive in AngularJS? A) module.directive('directiveName', function() { return { … }; }) B) module.createDirective('directiveName') C) angular.directive('directiveName', {}) D) module.define('directiveName', []) 8 / 20 8) How do you create a directive that only works as an attribute in AngularJS? A) By setting restrict: 'M' B) By setting restrict: 'A' in the directive definition C) By setting restrict: 'C' D) By setting restrict: 'E' 9 / 20 9) How do you share data between controllers in AngularJS? A) Using directives B) Using $scope C) Using services or factories D) Using $rootScope 10 / 20 10) How can you implement server-side filtering of data in AngularJS applications using ng-repeat? A) By using ng-filter exclusively B) By sending filter criteria to the server and updating the data based on the response C) By embedding filter logic in directives D) By using ng-if to conditionally display data 11 / 20 11) What is the purpose of $rootScope in AngularJS? A) To provide a global scope accessible from all controllers B) To define local scope only C) To manage only routing states D) To handle HTTP requests globally 12 / 20 12) What is the purpose of a provider in AngularJS? A) To create and configure services during the configuration phase B) To manage routing C) To handle HTTP requests D) To create directives 13 / 20 13) What is the role of $scope.$apply() in AngularJS? A) To handle form submissions exclusively B) To trigger a digest cycle manually C) To manage only routing changes D) To manipulate the DOM directly 14 / 20 14) What is the purpose of $apply in AngularJS? A) To execute expressions and trigger $digest B) To apply CSS styles C) To bind data to the view D) To initialize the controller 15 / 20 15) What is the purpose of $watchCollection in AngularJS? A) To perform deep watches on objects B) To optimize one-time bindings C) To watch for changes in primitive values D) To watch the properties of an object or elements of an array 16 / 20 16) What is the role of $httpProvider.defaults.headers in AngularJS, and how can it be utilized to set default headers for all HTTP requests? A) To set default HTTP headers for all $http requests B) To compile templates C) To handle form submissions D) To manage scope inheritance 17 / 20 17) How can you implement custom event listeners in AngularJS? A) Using ng-click to handle events B) Using $broadcast to emit events C) Using global event listeners D) Using the $on method on the scope to listen for events 18 / 20 18) How can you implement custom routing logic in AngularJS using ui-router? A) By using $location service only B) By defining custom resolve properties and intercepting state transitions C) By using ng-include for dynamic routes D) By manually parsing URLs in controllers 19 / 20 19) How do you create a directive that modifies input behavior based on user interactions in AngularJS? A) By managing behavior exclusively in services B) By hardcoding input behavior in the view C) By listening for user interaction events D) By using only built-in input features 20 / 20 20) What is the purpose of $routeProvider in AngularJS? A) To handle HTTP requests B) To compile directives C) To configure application routes D) To manage scope properties Your score is Dear %%user_name%%, Your Score is %%score%% in %%quiz_name%% Share this post in Your linkedIn Post LinkedIn Facebook Twitter VKontakte Don’t miss out on more exciting challenges and updates—follow our network to stay ahead! 0% Thank you for participating in our Exam We’d love to hear your feedback to help us improve. Please take a moment to complete this review form. Thank you for your time and valuable feedback! Send feedback ExamWEB DEVELOPMENT EXAM...Read MoreREACT JS PROGRAMMING EXAM...Read MorePYTHON EXAMS ...Read MoreJAVASCRIPT PROGRAMMING EXAM...Read MoreJAVA PROGRAMMING EXAM...Read MoreHTML PROGRAMMING EXAM...Read MoreCSS PROGRAMMING EXAM...Read MoreANGULAR JS PROGRAMMING EXAM...Read More
admin Oct, Fri, 2024 EXAM REACT JS PROGRAMMING EXAM 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 Exam Instructions: Total Number of Questions: 20 You will be required to answer a total of 20 multiple-choice questions. Time Limit: 200 seconds for the entire exam You must complete all 20 questions within 200 seconds. Once the time is up, the exam will automatically submit. Passing Criteria: A minimum score of 60% is required to pass the exam and qualify for a certificate. Certificate Award: Upon passing with at least 60%, you will be awarded a Certificate of Achievement. Multiple Attempts: You are allowed to take the exam multiple times. Only your highest score will be considered for certification. Additional Instructions: Read each question carefully before answering. The exam timer cannot be paused once it begins. Ensure a stable internet connection throughout the exam. Good luck, and feel free to retake the exam to improve your score! REACT JS PROGRAMMING EXAM Test your REACT JS skills with a challenging exam designed to evaluate your knowledge in programming, data structures, and algorithms The certificate will be generated based on the information you provide in the form, so please ensure that all details are entered correctly. NameEmailPhone NumberUniversityCollegeDegreeDepartmentPass Out YearPass Out Year2014201520162017201820192020202120222023202420252026202720282029 1 / 20 1) What does the useMemo hook do? A) To manage state B) To optimize performance by memoizing values C) To handle side effects D) To create context 2 / 20 2) What is the purpose of the useReducer hook? A) To manage simple state B) To optimize performance C) To handle complex state logic D) To manage side effects 3 / 20 3) How can you implement context-based routing in React? A) By using React Router and managing route context B) By using local storage C) By using static content only D) By modifying the DOM directly 4 / 20 4) What does the useMemo hook do in React? A) Returns a memoized value B) Prevents rendering C) Manages state D) Modifies the DOM directly 5 / 20 5) How can you use context in React? A) By using Redux B) By passing props C) By using context providers and consumers D) By managing state 6 / 20 6) What is the purpose of React.memo? A) To manage state B) To handle events C) To optimize functional components D) To create context 7 / 20 7) How do you optimize performance in a large React application? A) By loading all components at once B) By using inline styles C) By using optimization techniques like lazy loading and memoization D) By modifying the DOM directly 8 / 20 8) What does the useTransition hook do in React? A) Marks updates as non-urgent B) Prevents state updates C) Manages events D) Modifies the DOM directly 9 / 20 9) What is the purpose of the useImperativeHandle hook? A) To manage state B) To optimize rendering C) To customize the exposed value with ref D) To handle events 10 / 20 10) How do you optimize performance for large lists in React? A) By using local storage B) By using static components C) By modifying the DOM directly D) By using libraries like react-window 11 / 20 11) What is the significance of shouldComponentUpdate? A) To manage state B) To handle updates C) To decide if a component should re-render D) To execute code after component is rendered 12 / 20 12) How can you implement tab navigation in React? A) By using local storage B) By using static content only C) By managing active tab state and rendering conditionally D) By modifying the DOM directly 13 / 20 13) What does the useEffect dependency array do? A) Controls the lifecycle methods B) Controls when the effect runs based on dependencies C) Handles state management D) Modifies the DOM directly 14 / 20 14) How can you create a form with validation in React? A) By using local storage B) By using static forms only C) By managing state and using validation libraries D) By modifying the DOM directly 15 / 20 15) How do you implement a responsive image gallery in React? A) By using local storage B) By using static images only C) By managing state and using CSS for responsiveness D) By modifying the DOM directly 16 / 20 16) What is the purpose of React.StrictMode? A) To manage state B) To optimize performance C) To identify potential problems during development D) To modify the DOM 17 / 20 17) How can you implement a lightbox gallery in React? A) By managing selected image in state B) By using local storage C) By using static content only D) By modifying the DOM directly 18 / 20 18) How do you create a custom hook in React? A) By using class components only B) By using static functions C) By defining a function with built-in hooks D) By modifying the DOM directly 19 / 20 19) What is the significance of key in React lists? A) To manage state B) To handle events C) To uniquely identify list items for rendering D) To optimize performance 20 / 20 20) How can you handle error boundaries in React? A) By using hooks B) By using class components with specific lifecycle methods C) By modifying the DOM directly D) By managing state updates Your score is Dear %%user_name%%, Your Score is %%score%% in %%quiz_name%% Share this post in Your linkedIn Post LinkedIn Facebook Twitter VKontakte Don’t miss out on more exciting challenges and updates—follow our network to stay ahead! 0% Thank you for participating in our Exam We’d love to hear your feedback to help us improve. Please take a moment to complete this review form. Thank you for your time and valuable feedback! Send feedback ExamWEB DEVELOPMENT EXAM...Read MoreREACT JS PROGRAMMING EXAM...Read MorePYTHON EXAMS ...Read MoreJAVASCRIPT PROGRAMMING EXAM...Read MoreJAVA PROGRAMMING EXAM...Read MoreHTML PROGRAMMING EXAM...Read MoreCSS PROGRAMMING EXAM...Read MoreANGULAR JS PROGRAMMING EXAM...Read More
admin Oct, Fri, 2024 EXAM WEB DEVELOPMENT EXAM 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 Exam Instructions: Total Number of Questions: 35 You will be required to answer a total of 35 multiple-choice questions. Time Limit: 500 seconds for the entire exam You must complete all 35 questions within 500 seconds. Once the time is up, the exam will automatically submit. Passing Criteria: A minimum score of 60% is required to pass the exam and qualify for a certificate. Certificate Award: Upon passing with at least 60%, you will be awarded a Certificate of Achievement. Multiple Attempts: You are allowed to take the exam multiple times. Only your highest score will be considered for certification. Additional Instructions: Read each question carefully before answering. The exam timer cannot be paused once it begins. Ensure a stable internet connection throughout the exam. Good luck, and feel free to retake the exam to improve your score! WEB DEVELOPMENT EXAM Test your REACT JS skills with a challenging exam designed to evaluate your knowledge in programming, data structures, and algorithms The certificate will be generated based on the information you provide in the form, so please ensure that all details are entered correctly. NameEmailPhone NumberUniversityCollegeDegreeDepartmentPass Out YearPass Out Year2014201520162017201820192020202120222023202420252026202720282029 1 / 35 1) How can you implement responsive typography in HTML5? A) Set fixed pixel sizes B) Use CSS Grid C) Avoid media queries D) Use inline styles 2 / 35 2) How do you create a hyperlink in HTML? A) <link> B) <a href="url">Link</a> C) <anchor> D) <hyperlink> 3 / 35 3) What is the difference between the and <embed> elements?</p> </p></div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1894]' id='ays-answer-7767-9' value='7767'/></p> <p> <label for='ays-answer-7767-9' class=' ays_position_initial ays-quiz-keyboard-label'>A) Both are interchangeable</label><label for='ays-answer-7767-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1894]' id='ays-answer-7768-9' value='7768'/></p> <p> <label for='ays-answer-7768-9' class=' ays_position_initial ays-quiz-keyboard-label'>B) Both can only display media</label><label for='ays-answer-7768-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1894]' id='ays-answer-7769-9' value='7769'/></p> <p> <label for='ays-answer-7769-9' class=' ays_position_initial ays-quiz-keyboard-label'>C) <embed> limits content types</label><label for='ays-answer-7769-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1894]' id='ays-answer-7770-9' value='7770'/></p> <p> <label for='ays-answer-7770-9' class=' ays_position_initial ays-quiz-keyboard-label'>D) Controls layout with JavaScript</label><label for='ays-answer-7770-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <p><script> if(typeof window.quizOptions_9 === 'undefined'){ window.quizOptions_9 = []; } window.quizOptions_9['1894'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNzc2NyI6IjAiLCI3NzY4IjoiMCIsIjc3NjkiOiIxIiwiNzc3MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <p> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /><br /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_early_finish action-button ays_arrow ays-quiz-keyboard-active'></i><input type='button' name='next' class=' ays_early_finish action-button ays-quiz-keyboard-active' value='Finish'/><br /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'></div> <div class='right_answer_text ays_do_not_show' style='display:none'></div> <div class='ays_questtion_explanation' style='display:none'></div> <div class='ays-quiz-additonal-box'></div> </p></div> </p></div> <div class='step ' data-question-id='1837' data-type='radio' data-required='false'></p> <p class='ays-question-counter animated'>4 / 35</p> <div class='ays-abs-fs'> <div class='ays_quiz_question'> <p>4) How can you manage video playback using HTML5?</p> </p></div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1837]' id='ays-answer-7539-9' value='7539'/></p> <p> <label for='ays-answer-7539-9' class=' ays_position_initial ays-quiz-keyboard-label'>A) Control playback with CSS</label><label for='ays-answer-7539-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1837]' id='ays-answer-7540-9' value='7540'/></p> <p> <label for='ays-answer-7540-9' class=' ays_position_initial ays-quiz-keyboard-label'>B) Use JavaScript only for loading</label><label for='ays-answer-7540-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1837]' id='ays-answer-7541-9' value='7541'/></p> <p> <label for='ays-answer-7541-9' class=' ays_position_initial ays-quiz-keyboard-label'>C) Limit to audio playback only</label><label for='ays-answer-7541-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1837]' id='ays-answer-7542-9' value='7542'/></p> <p> <label for='ays-answer-7542-9' class=' ays_position_initial ays-quiz-keyboard-label'>D) Set fixed durations</label><label for='ays-answer-7542-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <p><script> if(typeof window.quizOptions_9 === 'undefined'){ window.quizOptions_9 = []; } window.quizOptions_9['1837'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNzUzOSI6IjAiLCI3NTQwIjoiMCIsIjc1NDEiOiIxIiwiNzU0MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <p> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /><br /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_early_finish action-button ays_arrow ays-quiz-keyboard-active'></i><input type='button' name='next' class=' ays_early_finish action-button ays-quiz-keyboard-active' value='Finish'/><br /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'></div> <div class='right_answer_text ays_do_not_show' style='display:none'></div> <div class='ays_questtion_explanation' style='display:none'></div> <div class='ays-quiz-additonal-box'></div> </p></div> </p></div> <div class='step ' data-question-id='1698' data-type='radio' data-required='false'></p> <p class='ays-question-counter animated'>5 / 35</p> <div class='ays-abs-fs'> <div class='ays_quiz_question'> <p>5) What is the difference between localStorage and sessionStorage in HTML5?</p> </p></div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1698]' id='ays-answer-6983-9' value='6983'/></p> <p> <label for='ays-answer-6983-9' class=' ays_position_initial ays-quiz-keyboard-label'>A) localStorage is faster</label><label for='ays-answer-6983-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1698]' id='ays-answer-6984-9' value='6984'/></p> <p> <label for='ays-answer-6984-9' class=' ays_position_initial ays-quiz-keyboard-label'>B) localStorage persists across sessions; sessionStorage is session-based</label><label for='ays-answer-6984-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1698]' id='ays-answer-6985-9' value='6985'/></p> <p> <label for='ays-answer-6985-9' class=' ays_position_initial ays-quiz-keyboard-label'>C) sessionStorage is more secure</label><label for='ays-answer-6985-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1698]' id='ays-answer-6986-9' value='6986'/></p> <p> <label for='ays-answer-6986-9' class=' ays_position_initial ays-quiz-keyboard-label'>D) Both are equivalent</label><label for='ays-answer-6986-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <p><script> if(typeof window.quizOptions_9 === 'undefined'){ window.quizOptions_9 = []; } window.quizOptions_9['1698'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNjk4MyI6IjAiLCI2OTg0IjoiMCIsIjY5ODUiOiIxIiwiNjk4NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <p> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /><br /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_early_finish action-button ays_arrow ays-quiz-keyboard-active'></i><input type='button' name='next' class=' ays_early_finish action-button ays-quiz-keyboard-active' value='Finish'/><br /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'></div> <div class='right_answer_text ays_do_not_show' style='display:none'></div> <div class='ays_questtion_explanation' style='display:none'></div> <div class='ays-quiz-additonal-box'></div> </p></div> </p></div> <div class='step ' data-question-id='1805' data-type='radio' data-required='false'></p> <p class='ays-question-counter animated'>6 / 35</p> <div class='ays-abs-fs'> <div class='ays_quiz_question'> <p>6) What is the purpose of the </p> <footer> tag in HTML5?</p> </p></div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1805]' id='ays-answer-7411-9' value='7411'/></p> <p> <label for='ays-answer-7411-9' class=' ays_position_initial ays-quiz-keyboard-label'>A) Wraps navigation links</label><label for='ays-answer-7411-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1805]' id='ays-answer-7412-9' value='7412'/></p> <p> <label for='ays-answer-7412-9' class=' ays_position_initial ays-quiz-keyboard-label'>B) Encapsulates headers</label><label for='ays-answer-7412-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1805]' id='ays-answer-7413-9' value='7413'/></p> <p> <label for='ays-answer-7413-9' class=' ays_position_initial ays-quiz-keyboard-label'>C) Sets main content</label><label for='ays-answer-7413-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1805]' id='ays-answer-7414-9' value='7414'/></p> <p> <label for='ays-answer-7414-9' class=' ays_position_initial ays-quiz-keyboard-label'>D) Controls the layout</label><label for='ays-answer-7414-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <p><script> if(typeof window.quizOptions_9 === 'undefined'){ window.quizOptions_9 = []; } window.quizOptions_9['1805'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNzQxMSI6IjAiLCI3NDEyIjoiMCIsIjc0MTMiOiIxIiwiNzQxNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <p> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /><br /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_early_finish action-button ays_arrow ays-quiz-keyboard-active'></i><input type='button' name='next' class=' ays_early_finish action-button ays-quiz-keyboard-active' value='Finish'/><br /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'></div> <div class='right_answer_text ays_do_not_show' style='display:none'></div> <div class='ays_questtion_explanation' style='display:none'></div> <div class='ays-quiz-additonal-box'></div> </p></div> </p></div> <div class='step ' data-question-id='1808' data-type='radio' data-required='false'></p> <p class='ays-question-counter animated'>7 / 35</p> <div class='ays-abs-fs'> <div class='ays_quiz_question'> <p>7) What is the difference between data- attributes and classes in HTML5?</p> </p></div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1808]' id='ays-answer-7424-9' value='7424'/></p> <p> <label for='ays-answer-7424-9' class=' ays_position_initial ays-quiz-keyboard-label'>A) Both serve identical purposes</label><label for='ays-answer-7424-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1808]' id='ays-answer-7425-9' value='7425'/></p> <p> <label for='ays-answer-7425-9' class=' ays_position_initial ays-quiz-keyboard-label'>B) data- can only be used in forms</label><label for='ays-answer-7425-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1808]' id='ays-answer-7426-9' value='7426'/></p> <p> <label for='ays-answer-7426-9' class=' ays_position_initial ays-quiz-keyboard-label'>C) Classes cannot hold data</label><label for='ays-answer-7426-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1808]' id='ays-answer-7423-9' value='7423'/></p> <p> <label for='ays-answer-7423-9' class=' ays_position_initial ays-quiz-keyboard-label'>D) Classes store custom data; data- is for styling</label><label for='ays-answer-7423-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <p><script> if(typeof window.quizOptions_9 === 'undefined'){ window.quizOptions_9 = []; } window.quizOptions_9['1808'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNzQyNCI6IjAiLCI3NDI1IjoiMSIsIjc0MjYiOiIwIiwiNzQyMyI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <p> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /><br /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_early_finish action-button ays_arrow ays-quiz-keyboard-active'></i><input type='button' name='next' class=' ays_early_finish action-button ays-quiz-keyboard-active' value='Finish'/><br /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'></div> <div class='right_answer_text ays_do_not_show' style='display:none'></div> <div class='ays_questtion_explanation' style='display:none'></div> <div class='ays-quiz-additonal-box'></div> </p></div> </p></div> <div class='step ' data-question-id='1814' data-type='radio' data-required='false'></p> <p class='ays-question-counter animated'>8 / 35</p> <div class='ays-abs-fs'> <div class='ays_quiz_question'> <p>8) How can you implement an HTML5 canvas for animations?</p> </p></div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1814]' id='ays-answer-7447-9' value='7447'/></p> <p> <label for='ays-answer-7447-9' class=' ays_position_initial ays-quiz-keyboard-label'>A) Use setTimeout for control</label><label for='ays-answer-7447-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1814]' id='ays-answer-7448-9' value='7448'/></p> <p> <label for='ays-answer-7448-9' class=' ays_position_initial ays-quiz-keyboard-label'>B) Animate with CSS only</label><label for='ays-answer-7448-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1814]' id='ays-answer-7449-9' value='7449'/></p> <p> <label for='ays-answer-7449-9' class=' ays_position_initial ays-quiz-keyboard-label'>C) Avoid animations entirely</label><label for='ays-answer-7449-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1814]' id='ays-answer-7450-9' value='7450'/></p> <p> <label for='ays-answer-7450-9' class=' ays_position_initial ays-quiz-keyboard-label'>D) Embed animations in <div></label><label for='ays-answer-7450-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <p><script> if(typeof window.quizOptions_9 === 'undefined'){ window.quizOptions_9 = []; } window.quizOptions_9['1814'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNzQ0NyI6IjAiLCI3NDQ4IjoiMCIsIjc0NDkiOiIxIiwiNzQ1MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <p> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /><br /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_early_finish action-button ays_arrow ays-quiz-keyboard-active'></i><input type='button' name='next' class=' ays_early_finish action-button ays-quiz-keyboard-active' value='Finish'/><br /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'></div> <div class='right_answer_text ays_do_not_show' style='display:none'></div> <div class='ays_questtion_explanation' style='display:none'></div> <div class='ays-quiz-additonal-box'></div> </p></div> </p></div> <div class='step ' data-question-id='1693' data-type='radio' data-required='false'></p> <p class='ays-question-counter animated'>9 / 35</p> <div class='ays-abs-fs'> <div class='ays_quiz_question'> <p>9) What is the purpose of the <slot> element in HTML5?</p> </p></div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1693]' id='ays-answer-6963-9' value='6963'/></p> <p> <label for='ays-answer-6963-9' class=' ays_position_initial ays-quiz-keyboard-label'>A) Declares metadata</label><label for='ays-answer-6963-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1693]' id='ays-answer-6964-9' value='6964'/></p> <p> <label for='ays-answer-6964-9' class=' ays_position_initial ays-quiz-keyboard-label'>B) Defines placeholders in the shadow DOM</label><label for='ays-answer-6964-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1693]' id='ays-answer-6965-9' value='6965'/></p> <p> <label for='ays-answer-6965-9' class=' ays_position_initial ays-quiz-keyboard-label'>C) Embeds third-party scripts</label><label for='ays-answer-6965-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1693]' id='ays-answer-6966-9' value='6966'/></p> <p> <label for='ays-answer-6966-9' class=' ays_position_initial ays-quiz-keyboard-label'>D) Loads external content</label><label for='ays-answer-6966-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <p><script> if(typeof window.quizOptions_9 === 'undefined'){ window.quizOptions_9 = []; } window.quizOptions_9['1693'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNjk2MyI6IjAiLCI2OTY0IjoiMCIsIjY5NjUiOiIxIiwiNjk2NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <p> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /><br /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_early_finish action-button ays_arrow ays-quiz-keyboard-active'></i><input type='button' name='next' class=' ays_early_finish action-button ays-quiz-keyboard-active' value='Finish'/><br /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'></div> <div class='right_answer_text ays_do_not_show' style='display:none'></div> <div class='ays_questtion_explanation' style='display:none'></div> <div class='ays-quiz-additonal-box'></div> </p></div> </p></div> <div class='step ' data-question-id='1880' data-type='radio' data-required='false'></p> <p class='ays-question-counter animated'>10 / 35</p> <div class='ays-abs-fs'> <div class='ays_quiz_question'> <p>10) How can you implement offline capabilities in an HTML5 application?</p> </p></div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1880]' id='ays-answer-7711-9' value='7711'/></p> <p> <label for='ays-answer-7711-9' class=' ays_position_initial ays-quiz-keyboard-label'>A) Rely on local storage only</label><label for='ays-answer-7711-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1880]' id='ays-answer-7712-9' value='7712'/></p> <p> <label for='ays-answer-7712-9' class=' ays_position_initial ays-quiz-keyboard-label'>B) Avoid using offline features</label><label for='ays-answer-7712-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1880]' id='ays-answer-7713-9' value='7713'/></p> <p> <label for='ays-answer-7713-9' class=' ays_position_initial ays-quiz-keyboard-label'>C) Limit access to online resources</label><label for='ays-answer-7713-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1880]' id='ays-answer-7714-9' value='7714'/></p> <p> <label for='ays-answer-7714-9' class=' ays_position_initial ays-quiz-keyboard-label'>D) Control updates with JavaScript</label><label for='ays-answer-7714-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <p><script> if(typeof window.quizOptions_9 === 'undefined'){ window.quizOptions_9 = []; } window.quizOptions_9['1880'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNzcxMSI6IjAiLCI3NzEyIjoiMCIsIjc3MTMiOiIxIiwiNzcxNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <p> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /><br /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_early_finish action-button ays_arrow ays-quiz-keyboard-active'></i><input type='button' name='next' class=' ays_early_finish action-button ays-quiz-keyboard-active' value='Finish'/><br /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'></div> <div class='right_answer_text ays_do_not_show' style='display:none'></div> <div class='ays_questtion_explanation' style='display:none'></div> <div class='ays-quiz-additonal-box'></div> </p></div> </p></div> <div class='step ' data-question-id='1942' data-type='radio' data-required='false'></p> <p class='ays-question-counter animated'>11 / 35</p> <div class='ays-abs-fs'> <div class='ays_quiz_question'> <p>11) What is the purpose of the object-fit property?</p> </p></div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1942]' id='ays-answer-7959-9' value='7959'/></p> <p> <label for='ays-answer-7959-9' class=' ays_position_initial ays-quiz-keyboard-label'>A) Hides media content</label><label for='ays-answer-7959-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1942]' id='ays-answer-7960-9' value='7960'/></p> <p> <label for='ays-answer-7960-9' class=' ays_position_initial ays-quiz-keyboard-label'>B) Controls layout properties</label><label for='ays-answer-7960-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1942]' id='ays-answer-7961-9' value='7961'/></p> <p> <label for='ays-answer-7961-9' class=' ays_position_initial ays-quiz-keyboard-label'>C) Limits visibility only</label><label for='ays-answer-7961-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1942]' id='ays-answer-7962-9' value='7962'/></p> <p> <label for='ays-answer-7962-9' class=' ays_position_initial ays-quiz-keyboard-label'>D) Controls resizing of media</label><label for='ays-answer-7962-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <p><script> if(typeof window.quizOptions_9 === 'undefined'){ window.quizOptions_9 = []; } window.quizOptions_9['1942'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNzk1OSI6IjAiLCI3OTYwIjoiMCIsIjc5NjEiOiIwIiwiNzk2MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <p> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /><br /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_early_finish action-button ays_arrow ays-quiz-keyboard-active'></i><input type='button' name='next' class=' ays_early_finish action-button ays-quiz-keyboard-active' value='Finish'/><br /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'></div> <div class='right_answer_text ays_do_not_show' style='display:none'></div> <div class='ays_questtion_explanation' style='display:none'></div> <div class='ays-quiz-additonal-box'></div> </p></div> </p></div> <div class='step ' data-question-id='2080' data-type='radio' data-required='false'></p> <p class='ays-question-counter animated'>12 / 35</p> <div class='ays-abs-fs'> <div class='ays_quiz_question'> <p>12) How do you create a CSS collapsible panel?</p> </p></div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-2080]' id='ays-answer-8511-9' value='8511'/></p> <p> <label for='ays-answer-8511-9' class=' ays_position_initial ays-quiz-keyboard-label'>A) Use checkboxes for collapsible panels</label><label for='ays-answer-8511-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-2080]' id='ays-answer-8512-9' value='8512'/></p> <p> <label for='ays-answer-8512-9' class=' ays_position_initial ays-quiz-keyboard-label'>B) Avoid using collapsible designs</label><label for='ays-answer-8512-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-2080]' id='ays-answer-8513-9' value='8513'/></p> <p> <label for='ays-answer-8513-9' class=' ays_position_initial ays-quiz-keyboard-label'>C) Limit to static content</label><label for='ays-answer-8513-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-2080]' id='ays-answer-8514-9' value='8514'/></p> <p> <label for='ays-answer-8514-9' class=' ays_position_initial ays-quiz-keyboard-label'>D) Control with JavaScript only</label><label for='ays-answer-8514-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <p><script> if(typeof window.quizOptions_9 === 'undefined'){ window.quizOptions_9 = []; } window.quizOptions_9['2080'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiODUxMSI6IjEiLCI4NTEyIjoiMCIsIjg1MTMiOiIwIiwiODUxNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <p> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /><br /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_early_finish action-button ays_arrow ays-quiz-keyboard-active'></i><input type='button' name='next' class=' ays_early_finish action-button ays-quiz-keyboard-active' value='Finish'/><br /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'></div> <div class='right_answer_text ays_do_not_show' style='display:none'></div> <div class='ays_questtion_explanation' style='display:none'></div> <div class='ays-quiz-additonal-box'></div> </p></div> </p></div> <div class='step ' data-question-id='1911' data-type='radio' data-required='false'></p> <p class='ays-question-counter animated'>13 / 35</p> <div class='ays-abs-fs'> <div class='ays_quiz_question'> <p>13) What is the purpose of the calc() function in CSS?</p> </p></div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1911]' id='ays-answer-7835-9' value='7835'/></p> <p> <label for='ays-answer-7835-9' class=' ays_position_initial ays-quiz-keyboard-label'>A) Avoid using calculations</label><label for='ays-answer-7835-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1911]' id='ays-answer-7836-9' value='7836'/></p> <p> <label for='ays-answer-7836-9' class=' ays_position_initial ays-quiz-keyboard-label'>B) Perform calculations in CSS</label><label for='ays-answer-7836-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1911]' id='ays-answer-7837-9' value='7837'/></p> <p> <label for='ays-answer-7837-9' class=' ays_position_initial ays-quiz-keyboard-label'>C) Control only with JavaScript</label><label for='ays-answer-7837-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-1911]' id='ays-answer-7838-9' value='7838'/></p> <p> <label for='ays-answer-7838-9' class=' ays_position_initial ays-quiz-keyboard-label'>D) Limit to fixed values</label><label for='ays-answer-7838-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <p><script> if(typeof window.quizOptions_9 === 'undefined'){ window.quizOptions_9 = []; } window.quizOptions_9['1911'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNzgzNSI6IjAiLCI3ODM2IjoiMSIsIjc4MzciOiIwIiwiNzgzOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <p> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /><br /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_early_finish action-button ays_arrow ays-quiz-keyboard-active'></i><input type='button' name='next' class=' ays_early_finish action-button ays-quiz-keyboard-active' value='Finish'/><br /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'></div> <div class='right_answer_text ays_do_not_show' style='display:none'></div> <div class='ays_questtion_explanation' style='display:none'></div> <div class='ays-quiz-additonal-box'></div> </p></div> </p></div> <div class='step ' data-question-id='2042' data-type='radio' data-required='false'></p> <p class='ays-question-counter animated'>14 / 35</p> <div class='ays-abs-fs'> <div class='ays_quiz_question'> <p>14) How can you apply CSS transitions to properties?</p> </p></div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-2042]' id='ays-answer-8359-9' value='8359'/></p> <p> <label for='ays-answer-8359-9' class=' ays_position_initial ays-quiz-keyboard-label'>A) Limits to static styles</label><label for='ays-answer-8359-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-2042]' id='ays-answer-8360-9' value='8360'/></p> <p> <label for='ays-answer-8360-9' class=' ays_position_initial ays-quiz-keyboard-label'>B) Control with JavaScript only</label><label for='ays-answer-8360-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-2042]' id='ays-answer-8361-9' value='8361'/></p> <p> <label for='ays-answer-8361-9' class=' ays_position_initial ays-quiz-keyboard-label'>C) Avoid using transitions</label><label for='ays-answer-8361-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/></p> <p> <input type='radio' name='ays_questions[ays-question-2042]' id='ays-answer-8362-9' value='8362'/></p> <p> <label for='ays-answer-8362-9' class=' ays_position_initial ays-quiz-keyboard-label'>D) Defines properties for transition effects</label><label for='ays-answer-8362-9' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label></p></div> <p><script> if(typeof window.quizOptions_9 === 'undefined'){ window.quizOptions_9 = []; } window.quizOptions_9['2042'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiODM1OSI6IjAiLCI4MzYwIjoiMCIsIjgzNjEiOiIwIiwiODM2MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <p> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /><br /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_early_finish action-button ays_arrow ays-quiz-keyboard-active'></i><input type='button' name='next' class=' ays_early_finish action-button ays-quiz-keyboard-active' value='Finish'/><br /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i><br /> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'></div> <div class='right_answer_text ays_do_not_show' style='display:none'></div> <div class='ays
