hello, can anyone help me why this code is not working on my website, when Im in elementor editor, code seems to work, but on front-end after i publish it, it seems that code doesn’t work and i dont know why..
​
here is the code:
​
<!DOCTYPE html> <html> <head> <title>Okvirni kalkulator potrebnih zubnih implantata</title> <style> body { font-family: ‘Poppins’, sans-serif; font-weight: 500; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #000; /\* Dodajemo boju teksta \*/ } h1 { text-align: center; } .loader { border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #9797c7; width: 30px; height: 30px; -webkit-animation: spin 0.5s linear infinite; /\* Safari \*/ animation: spin 0.5s linear infinite; margin: 20px auto; } /\* Safari \*/ u/-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } u/keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #result { padding: 20px; } </style> </head> <body> <h1>Okvirni kalkulator potrebnih zubnih implantata</h1> <p>Odaberite koliko vam zuba nedostaje:</p> <select id=”missingTeeth”> <option value=”0″>Odaberite…</option> <option value=”1″>Nedostaje mi 1 zub</option> <option value=”2″>Nedostaju mi 2 zuba jedan do drugog</option> <option value=”3″>Nedostaju mi 2 zuba odvojeno</option> <option value=”4″>Nedostaju mi 3 zuba u redu</option> <option value=”5″>Nedostaju mi 3 zuba odvojeno</option> <option value=”6″>Nedostaje mi 4 zuba u redu</option> <option value=”7″>Nedostaje mi 4 zuba odvojeno</option> <option value=”8″>Nedostaje mi cijeli zubni luk</option> <option value=”9″>Nedostaju mi svi zubi</option> </select> <button id=”calculateButton”>Izračunaj</button> <div class=”loader” id=”loader” style=”display: none;”></div> <div id=”result”></div> <script> document.getElementById(‘calculateButton’).addEventListener(‘click’, function() { // Prikaži loader document.getElementById(‘loader’).style.display = ‘block’; // Stvori Promise koji se izvršava nakon 500ms new Promise(resolve => { setTimeout(() => { resolve(); }, 500); }) // Kad se Promise izvrši, nastavi dalje .then(() => { // Sakrij loader document.getElementById(‘loader’).style.display = ‘none’; // Ostatak koda za prikaz rezultata var missingTeeth = document.getElementById(‘missingTeeth’).value; var result = document.getElementById(‘result’); switch(missingTeeth) { case “1”: result.innerHTML = “Ako vam nedostaje samo jedan zub, najčešće se koristi jedan zubni implantat. Implantat se postavlja u čeljusnu kost na mjesto gdje je zub nedostajao, a zatim se na njega postavlja krunica koja izgleda i funkcionira kao prirodni zub. <a href=’https://imed.hr/hr/lp/ugradnja-implantata-uz-besplatnu-potpunu-anesteziju/’>Saznajte više</a>”; break; case “2”: result.innerHTML = “Ako vam nedostaju dva zuba jedan do drugog, moguće je koristiti dva zasebna implantata, svaki s vlastitom krunom. Alternativno, moguće je koristiti jedan implantat s mostom koji zamjenjuje oba zuba. <a href=’https://imed.hr/hr/lp/ugradnja-implantata-uz-besplatnu-potpunu-anesteziju/’>Saznajte više</a>”; break; case “3”: result.innerHTML = “Ako vam nedostaju dva zuba odvojeno, moguće je koristiti dva zasebna implantata, svaki s vlastitom krunom. <a href=’https://imed.hr/hr/lp/ugradnja-implantata-uz-besplatnu-potpunu-anesteziju/’>Saznajte više</a>”; break; case “4”: result.innerHTML = “Ako vam nedostaju tri zuba u redu, moguće je koristiti tri zasebna implantata, svaki s vlastitom krunom. Alternativno, moguće je koristiti dva implantata s mostom koji zamjenjuje sva tri zuba. <a href=’https://imed.hr/hr/lp/ugradnja-implantata-uz-besplatnu-potpunu-anesteziju/’>Saznajte više</a>”; break; case “5”: result.innerHTML = “Ako vam nedostaju tri zuba odvojeno, moguće je koristiti tri zasebna implantata, svaki s vlastitom krunom. <a href=’https://imed.hr/hr/lp/ugradnja-implantata-uz-besplatnu-potpunu-anesteziju/’>Saznajte više</a>”; break; case “6”: result.innerHTML = “Ako vam nedostaju četiri zuba u redu, moguće je koristiti četiri zasebna implantata, svaki s vlastitom krunom. Alternativno, moguće je koristiti dva ili tri implantata s mostom koji zamjenjuje sve četiri zuba. <a href=’https://imed.hr/hr/lp/ugradnja-implantata-uz-besplatnu-potpunu-anesteziju/’>Saznajte više</a>”; break; case “7”: result.innerHTML = “Ako vam nedostaju četiri zuba odvojeno, moguće je koristiti četiri zasebna implantata, svaki s vlastitom krunom. <a href=’https://imed.hr/hr/lp/ugradnja-implantata-uz-besplatnu-potpunu-anesteziju/’>Saznajte više</a>”; break; case “8”: result.innerHTML = “Ako vam nedostaje cijeli zubni luk, moguće je koristiti All-on-4 ili All-on-6 koncept. Ovi koncepti koriste četiri ili šest implantata na kojima se postavlja cijeli zubni luk. <a href=’https://imed.hr/hr/lp/ugradnja-implantata-uz-besplatnu-potpunu-anesteziju/’>Saznajte više</a>”; break; case “9”: result.innerHTML = “Ako vam nedostaju svi zubi, moguće je koristiti All-on-4 ili All-on-6 koncept za oba zubna luka. Ovi koncepti koriste četiri ili šest implantata na kojima se postavlja cijeli zubni luk. <a href=’https://imed.hr/hr/lp/ugradnja-implantata-uz-besplatnu-potpunu-anesteziju/’>Saznajte više</a>”; break; default: result.innerHTML = “Molimo odaberite jednu od opcija.”; break; } }); }); </script> </body> </html>
​
​
here is website im using it on:
​
[https://lp.imed.hr/broj-potrebnih-zubnih-implantata/]) [ad_2]
Code for the dropdown right? Its loading
Are you putting all that code in an HTML elementor block?
You don’t put the HTML opening and body tags in there.