En el siguiente código html, determina la cantidad total de los productos en la cesta:&lt;html style=&quot;display: block;&quot;&gt;&lt;head&gt;
	&lt;title&gt;Minsait demo app&lt;/title&gt;
	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;&gt;
	&lt;meta name=&quot;author&quot; content=&quot;rbarbosat&quot;&gt;
	&lt;link href=&quot;../css/main.css&quot; rel=&quot;stylesheet&quot;&gt;
	&lt;style type=&quot;text/css&quot;&gt;.speech-recognition-status.expanded{color:#111;width:100%;box-shadow:0 0 16px 0 #bbb;border:1px solid #bbb;border-radius:5px;background:#fff;background:-webkit-linear-gradient(top,#fff,#fcfcfc 61%,#ededed 99%);z-index:10}.speech-recognition-status.expanded .status{display:flex;justify-content:space-between;align-items:center}.speech-recognition-status.expanded .status .speech{display:flex;border:1px solid #ccc;width:90%;margin:.7em;border-radius:.3em;font-size:1.1em}.speech-recognition-status.expanded .status .speech .context{font-weight:600;margin-right:.5em;border-right:1px solid #ccc;background:#eee;display:inline-block;color:#333;border-radius:.3em;padding:.5em;border-bottom-right-radius:0;border-top-right-radius:0;text-transform:capitalize}.speech-recognition-status.expanded .status .speech .current-speech{display:inline-block;color:#aaa;padding:.5em}.speech-recognition-status.expanded .status .speech .current-speech.final{color:#111}.speech-recognition-status.expanded .status .status-icon-container{width:3em;display:inline-block;text-aligin:center}.speech-recognition-status.expanded .status .status-icon-container i{font-size:2em}.speech-recognition-status.expanded .status .status-icon-container i.fa-microphone-slash,.speech-recognition-status.expanded .status .status-icon-container i.fa-refresh{color:#777}.speech-recognition-status.expanded .status .status-icon-container i.fa-exclamation-circle{color:#c93b2a}.speech-recognition-status.compact{position:fixed;bottom:5em;width:auto;z-index:2100000000;display:flex;align-items:center}.speech-recognition-status.compact .status-icon-container{text-align:center;width:3em;height:3em;border-radius:100%;border-top-left-radius:0;border-bottom-left-radius:0;display:flex;align-items:center;box-shadow:0 0 8px 0 #000;border:1px solid #bbb;background:#fff;background:-webkit-linear-gradient(top,#fff,#fcfcfc 61%,#ededed 99%)}.speech-recognition-status.compact .status-icon-container i{font-size:2em}.speech-recognition-status.compact .status-icon-container i.fa-microphone-slash,.speech-recognition-status.compact .status-ic