+ 1

Unable to link JS with HTML

Hello, I am trying to link javascript to HTML code using the solo learn app, but there’s an output error of “DataCloneError: The object can not be cloned. at Line: 0”, can someone advise what is wrong and how can I fix it? Below is the code. Regards Ben HTML <!doctype html> <html> <head> </head> <body> <h1 id="Main Title">Soccer Team ratings</h1> <h2 id="winner">Liverpool</h2> <p>This team has an overall rating of 7.01. </p> <h2 id="loser">Lyon</h2> <p>This team has an overall rating of 6.0.</p> <script src="script.js"></script> </body> </html> ——————————————————— JavaScript var heading = document.getElementById("winner"); console.log(heading);

30th Jul 2019, 3:56 AM
4 Answers
+ 2
Ben You must be using an iOS device? 🤔 You don't have to answer that. The "DataCloneError" is due to console.log(heading). To get rid of the error you can convert the object "heading" to a string via heading.toString() or String(heading). You can also try logging a property of the object "heading" like innerHTML, innerText, or textContent. https://code.sololearn.com/Wl3EQGTX6914/#js
30th Jul 2019, 6:10 AM
ODLNT - avatar
+ 5
If you're just using Code Playground, there's no need to link the JS within the HTML code. I did not receive DataCloneError after running your original code though. https://code.sololearn.com/W7Jp2cMkISz7/?ref=app
30th Jul 2019, 4:12 AM
Hatsy Rei
Hatsy Rei - avatar
+ 2
Hi Hatst, thank you for your reply! i was playing around with the code after ive posted the question, if you run it now you should see the DataCloneError. Any idea why is that the case?
30th Jul 2019, 4:23 AM
+ 1
thank you ODLNT & Hatsy Rei !!
30th Jul 2019, 11:00 PM