Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html><html><body style="padding:20px;font-family:Arial"><input id="n" type="number" value="5" style="width:60px;padding:6px"><button onclick="calc()" style="padding:6px 14px;background:#6366f1;color:white;border:none;border-radius:4px;cursor:pointer;margin-left:8px">Calc</button><div id="o"></div><script>function sq(n){return n*n;}function cube(n){return n**3;}function fact(n){return n<=1?1:n*fact(n-1);}function calc(){const n=+document.getElementById("n").value;document.getElementById("o").innerHTML="<p>sq: "+sq(n)+"</p><p>cube: "+cube(n)+"</p><p>fact: "+fact(n)+"</p>";}</script></body></html>
Result
Open