Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html><html><body style="padding:20px;font-family:Arial"><button onclick="load()" style="padding:8px 16px;background:#6366f1;color:white;border:none;border-radius:4px;cursor:pointer">Load User</button><div id="o" style="margin-top:12px"></div><script>async function load(){document.getElementById("o").innerHTML="Loading...";try{const r=await fetch("https://jsonplaceholder.typicode.com/users/"+Math.ceil(Math.random()*10));const u=await r.json();document.getElementById("o").innerHTML=`<p><b>${u.name}</b></p><p>Email: ${u.email}</p><p>City: ${u.address.city}</p>`;}catch(e){document.getElementById("o").innerHTML="Error: "+e.message;}}</script></body></html>
Result
Open