JSFiddle - React, Tailwind, and code Playground

by Luis Martin

JavaScript

<script>
jQuery("head").append("<style>\
	.barraTgt{\
		background: #e95d0f;\
	    width: 100%;\
	    display: block;\
	    color: #fff !important;\
	    font-size: 25px;\
	    padding: 15px;\
	    text-align: center;\
	    margin-bottom: 15px;\
		line-height:25px;\
	}\
	.barraTgt strong{\
		font-weight:bold !important;\
	}\
	a.barraTgt:after {\
	    content: '\\f054';\
	    font-family: fontawesome-alloy;\
	    margin-left: 20px;\
	}\
	@media screen and (max-width: 767px){\
    	.barraTgt{\
        	margin:20px;\
			width: auto;\
    		font-size: 22px;\
		}\
		div#Banner-alertas_button {\
    		top: 260px !important;\
		}\
    }\
	</style>");

var linkTgt;
switch(localStorage.getItem("ultimaTarificacion")){
	case "coche":
		linkTgt="https://www.caser.es/calcula-tu-seguro-de-coche/parrilla-presupuestos?tgt=true";
	break;
	case "hogar":
		linkTgt="https://www.caser.es/calcula-tu-seguro-de-hogar/listado-presupuesto?tgt=true";
	break;
	case "moto":
		linkTgt="https://www.caser.es/calcula-tu-seguro-de-moto/parrilla-presupuestos?tgt=true";
	break;
	case "salud":
		linkTgt="https://www.caser.es/calcula-tu-seguro-de-salud/parrilla-presupuestos?tgt=true";
	break;
}

var checkExistCarr = setInterval(function() {
   if (jQuery(".HOME-Carousel-Conatiner").length>0) {
      clearInterval(checkExistCarr);
     if(localStorage.getItem("ultimaTarificacionPrecio")!=null && localStorage.getItem("ultimaTarificacion")!=null){
     jQuery(".HOME-Carousel-Conatiner").prepend("<a href='" + linkTgt + "' class='barraTgt'>Recuerda que puedes obtener tu <strong>Seguro de " + localStorage.getItem("ultimaTarificacion") + "</strong> desde sólo <strong>" + localStorage.getItem("ultimaTarificacionPrecio") + "</strong></a>");
     }
   }
}, 50);



</script>