Question: USE FOLLOWING CODE TO GET THE XML FILE DATA INTO HTML FILE. USE JQUERY API TO AUTOMATICALLY ADD DOCUMENT ELEMENTS TO THE BODY OF THE
USE FOLLOWING CODE TO GET THE XML FILE DATA INTO HTML FILE. USE JQUERY API TO AUTOMATICALLY ADD DOCUMENT ELEMENTS TO THE BODY OF THE HTML FILE AND SET THEIR CONTENTS BASED N INFORMATION PROVIDED IN XML FILE BELOW. (USE RANDOM IMAGE FOR THIS PROGRAM) MAKE IT RESPONSIVE TO BOTH SMALL AND BIG SCREEN (SMALL SCREEN 1 IMAGE PER ROW AND BIG SCREEN 2 IMAGE PER ROW)
HTML CODE:
XML FILE CODE:
(function(){(function(){function e(e){return function(e,t,n){if(void 0===n&&(n=10),e){for(;e&&e!==document.body&&!t(e)&&n>0;)e=e.parentElement,n--;return e&&t(e)}}(e,function(e){return e.classList&&e.classList.contains("editor-element")})}var t=0,n=0;document.addEventListener("blur",function(r){var o,i,a,s,c=r.target,u=r.relatedTarget||r.explicitOriginalTarget||document.elementFromPoint(t,n);u&&c&&e(c)&&"function"==typeof(s=u).matches&&s.matches("grammarly-card, grammarly-card *, .gr-top-zero, .gr-top-zero *")&&(r.stopImmediatePropagation(),o=c,"editor"!==(a=(i=u)&&i.getAttribute("data-action"))&&"login"!==a&&o.focus())},!0),document.addEventListener("DOMContentLoaded",function(){document.addEventListener("mousemove",function(e){t=e.clientX,n=e.clientY},!0)})})() })()
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
