<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"><link rel="icon" type="image/png" href="/assets/favicons/favicon-96x96.png" sizes="96x96"><link rel="icon" type="image/svg+xml" href="/assets/favicons/favicon.svg"><link rel="shortcut icon" href="/assets/favicons/favicon.ico"><link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Square Root Symbol"><link rel="manifest" href="/assets/favicons/site.webmanifest"><title>Square Root Symbol √ ∛ ∜</title><meta name="description" content="Copy and paste the square root symbol (√) instantly. Learn about √ symbol meaning, Unicode, LaTeX commands, and mathematical applications. Complete guide with related mathematical symbols."><link rel="canonical" href="https://www.squarerootsymbol.com/"><meta property="og:title" content="Square Root Symbol √ ∛ ∜"><meta property="og:description" content="Copy and paste the square root symbol (√) instantly. Learn about √ symbol meaning, Unicode, LaTeX commands, and mathematical applications. Complete guide with related mathematical symbols."><meta property="og:url" content="https://www.squarerootsymbol.com/"><meta property="og:type" content="website"><meta property="og:site_name" content="Square Root Symbol"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Square Root Symbol √ ∛ ∜"><meta name="twitter:description" content="Copy and paste the square root symbol (√) instantly. Learn about √ symbol meaning, Unicode, LaTeX commands, and mathematical applications. Complete guide with related mathematical symbols."><meta name="keywords" content="square root symbol, √, radical sign, math symbols, LaTeX sqrt, Unicode U+221A, copy paste symbol, mathematical notation, root symbol"><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Square Root Symbol","url":"https://www.squarerootsymbol.com","description":"Comprehensive guide to the square root symbol (√) including copy-paste functionality, LaTeX commands, and mathematical applications","inLanguage":"en-US"}</script><script async src="https://www.googletagmanager.com/gtag/js?id=G-N5076Q21QS"></script><script>
			window.dataLayer = window.dataLayer || [];
			function gtag(){dataLayer.push(arguments);}
			gtag('js', new Date());

			gtag('config', 'G-N5076Q21QS');
		</script><link rel="stylesheet" href="/assets/index.BI5U1cfO.css"></head> <body id="top"> <header class="header-fixed"> <nav class="nav-container"> <div class="nav-content"> <a href="/" class="logo"> <span class="logo-symbol">√</span> <span class="logo-text">Square Root Symbol</span> </a> <button class="hamburger" id="hamburger" aria-label="Toggle menu" aria-expanded="false"> <span class="hamburger-line"></span> <span class="hamburger-line"></span> <span class="hamburger-line"></span> </button> <div class="nav-menu" id="navMenu"> <ul class="nav-list"> <li class="nav-item"> <a href="#copy-symbol" class="nav-link">Copy Symbol</a> </li><li class="nav-item"> <a href="#what-is" class="nav-link">What is √?</a> </li><li class="nav-item"> <a href="#latex" class="nav-link">LaTeX</a> </li><li class="nav-item"> <a href="#encodings" class="nav-link">Symbol Codes</a> </li><li class="nav-item"> <a href="#usage" class="nav-link">Usage</a> </li><li class="nav-item"> <a href="#faq" class="nav-link">FAQ</a> </li><li class="nav-item"> <a href="#related-symbols" class="nav-link">Related Symbols</a> </li> </ul> </div> </div> </nav> </header>  <script type="module">(function(){var e=document.getElementById("hamburger"),a=document.getElementById("navMenu");if(!e||!a)return;function r(){var i=a.className.indexOf("active")!==-1;i?(e.className="hamburger",a.className="nav-menu",e.setAttribute("aria-expanded","false")):(e.className="hamburger active",a.className="nav-menu active",e.setAttribute("aria-expanded","true"))}e.addEventListener("click",r);for(var t=a.getElementsByTagName("a"),n=0;n<t.length;n++)t[n].addEventListener("click",function(){window.innerWidth<768&&(e.className="hamburger",a.className="nav-menu",e.setAttribute("aria-expanded","false"))});window.addEventListener("resize",function(){window.innerWidth>=768&&(e.className="hamburger",a.className="nav-menu",e.setAttribute("aria-expanded","false"))})})();</script> <main class="main-content">  <main class="min-h-screen relative"> <div class="container mx-auto px-4 py-8 max-w-6xl relative z-10"> <header class="text-center mb-12"> <h1 class="text-4xl md:text-5xl font-bold mb-3 text-gray-900"> <span class="bg-gradient-to-r from-green-700 to-emerald-600 bg-clip-text text-transparent inline-block leading-tight">Square Root Symbol</span> </h1> <p class="text-xl md:text-2xl text-gray-600 font-light">Your complete guide to the <span class="font-bold text-gray-900">√</span> symbol - copy, paste, and learn</p> </header> <section id="copy-symbol" class="mb-16 glass-card rounded-3xl p-8 md:p-12 relative overflow-hidden group transition-all duration-300"> <div class="absolute inset-0 bg-gradient-to-br from-green-50 to-emerald-50 opacity-50 -z-10"></div> <div class="text-center"> <h2 class="text-xl md:text-3xl font-bold mb-6 text-gray-900">Copy Square Root Symbol</h2> <div class="inline-block"> <button id="copy-btn-ww08in17g" class="copy-btn transition-colors duration-200 font-semibold rounded-lg relative overflow-hidden outline-none flex items-center justify-center bg-green-50 hover:bg-green-100 text-black px-8 md:px-12 text-4xl md:text-5xl h-20 md:h-28 md:w-80 border-2 border-green-200" data-text="√" data-size="large" data-original-text="√">  <svg class="copy-icon absolute top-2 right-2 w-4 h-4 opacity-40 transition-opacity duration-200 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <rect x="9" y="9" width="13" height="13" rx="2" ry="2" stroke-width="2"></rect> <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" stroke-width="2"></path> </svg> <svg class="check-icon absolute top-2 right-2 w-4 h-4 opacity-0 transition-opacity duration-200 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path d="M5 13l4 4L19 7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg>  <span class="button-text flex items-center justify-center" style="width: 9rem; height: 100%">√</span> </button> <script type="module">function a(t){if(navigator.clipboard&&navigator.clipboard.writeText)return navigator.clipboard.writeText(t);{const e=document.createElement("textarea");return e.value=t,e.style.position="fixed",e.style.left="-999999px",e.style.top="-999999px",document.body.appendChild(e),e.focus(),e.select(),new Promise((s,o)=>{try{const c=document.execCommand("copy");document.body.removeChild(e),c?s():o(new Error("Copy failed"))}catch(c){document.body.removeChild(e),o(c)}})}}function r(t){const e=t.querySelector(".button-text"),s=t.getAttribute("data-original-text"),o=t.querySelector(".copy-icon"),c=t.querySelector(".check-icon");e&&s&&(t.classList.add("bg-green-100"),t.classList.remove("bg-green-50","hover:bg-green-100","bg-gray-200","hover:bg-gray-300"),e.innerHTML=`<span style="color: black; font-size: 2.5rem;">${s}</span> <span style="color: #16a34a; font-size: 1.25rem; margin-left: 0.5rem;">Copied</span>`,e.classList.add("copied-text"),o&&c&&(o.classList.remove("opacity-40"),o.classList.add("opacity-0"),c.classList.remove("opacity-0"),c.classList.add("opacity-40")),setTimeout(()=>{e.textContent=s,e.classList.remove("copied-text"),t.classList.remove("bg-green-100"),t.getAttribute("data-size")==="large"?t.classList.add("bg-green-50","hover:bg-green-100"):t.classList.add("bg-gray-200","hover:bg-gray-300"),o&&c&&(o.classList.remove("opacity-0"),o.classList.add("opacity-40"),c.classList.remove("opacity-40"),c.classList.add("opacity-0"))},2e3))}document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll(".copy-btn").forEach(e=>{e.addEventListener("click",async()=>{const s=e.getAttribute("data-text");if(s)try{await a(s),r(e)}catch(o){console.error("Failed to copy:",o),alert("Failed to copy to clipboard")}})})});</script>  </div> </div> </section> <section id="what-is" class="mb-16 glass-card rounded-3xl p-8 md:p-12 relative overflow-hidden group transition-all duration-300"> <div class="absolute top-0 right-0 w-64 h-64 bg-gradient-to-br from-green-100 to-emerald-100 rounded-full blur-3xl opacity-30 -z-10 group-hover:opacity-50 transition-opacity duration-500"></div> <h2 class="text-3xl font-bold mb-8 text-gray-900">
What is the Square Root Symbol?
</h2> <div class="prose prose-lg max-w-none text-gray-700"> <p class="mb-4">
The square root symbol <strong>√</strong> (also known as the radical sign or root symbol) is a mathematical symbol used to indicate the square root operation. When placed before a number, it represents a value that, when multiplied by itself, gives the original number. For example, √9 = 3 because 3 × 3 = 9.
</p> <h3 class="text-2xl mt-8 mb-4 text-gray-900">Alternative Names and Descriptions</h3> <div class="bg-green-50 rounded-lg p-6"> <ul class="grid md:grid-cols-2 gap-3"> <li class="flex items-start"> <span class="text-green-600 mr-2">•</span> <span>Radical Sign</span> </li> <li class="flex items-start"> <span class="text-green-600 mr-2">•</span> <span>Radix</span> </li> <li class="flex items-start"> <span class="text-green-600 mr-2">•</span> <span>Square Root Sign</span> </li> <li class="flex items-start"> <span class="text-green-600 mr-2">•</span> <span>Root Symbol</span> </li> <li class="flex items-start"> <span class="text-green-600 mr-2">•</span> <span>sqrt symbol</span> </li> <li class="flex items-start"> <span class="text-green-600 mr-2">•</span> <span>Radical Symbol</span> </li> <li class="flex items-start"> <span class="text-green-600 mr-2">•</span> <span>Check Mark Root</span> </li> <li class="flex items-start"> <span class="text-green-600 mr-2">•</span> <span>√ Symbol</span> </li> </ul> </div> </div> </section> <section id="latex" class="mb-16 glass-card rounded-3xl p-8 md:p-12 relative overflow-hidden group transition-all duration-300"> <div class="absolute top-0 right-0 w-72 h-72 bg-gradient-to-bl from-purple-100 to-blue-100 rounded-full blur-3xl opacity-30 -z-10 group-hover:opacity-50 transition-opacity duration-500"></div> <h2 class="text-3xl font-bold mb-6 text-gray-900">
LaTeX Square Root Symbol
</h2> <p class="text-lg text-gray-700 mb-8">
In LaTeX, the square root symbol is one of the most commonly used mathematical symbols. Perfect for academic papers, scientific documents, and mathematical typesetting.
</p> <div class="space-y-4"> <div class="bg-white rounded-lg p-5 border border-green-200 shadow-sm hover:shadow-md transition-shadow"> <div class="flex items-start justify-between gap-4"> <div class="flex-1"> <p class="text-gray-600 mb-2 text-sm">Empty square root symbol:</p> <code class="text-green-700 font-bold text-base block mb-3">\sqrt{}</code> <p class="text-gray-500 text-xs mb-2">Result:</p> <div class="katex-result text-2xl p-3 bg-gray-50 rounded border border-gray-200" data-latex="\sqrt{}"></div> </div> <button class="latex-copy-btn flex-shrink-0 p-2.5 rounded-lg bg-green-50 hover:bg-green-100 text-green-600 hover:text-green-700 transition-all duration-200 group relative" data-code="\sqrt{}" title="Copy LaTeX code"> <svg class="copy-icon w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-5 h-5 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> <div class="bg-white rounded-lg p-5 border border-green-200 shadow-sm hover:shadow-md transition-shadow"> <div class="flex items-start justify-between gap-4"> <div class="flex-1"> <p class="text-gray-600 mb-2 text-sm">Basic square root:</p> <code class="text-green-700 font-bold text-base block mb-3">\sqrt{x}</code> <p class="text-gray-500 text-xs mb-2">Result:</p> <div class="katex-result text-2xl p-3 bg-gray-50 rounded border border-gray-200" data-latex="\sqrt{x}"></div> </div> <button class="latex-copy-btn flex-shrink-0 p-2.5 rounded-lg bg-green-50 hover:bg-green-100 text-green-600 hover:text-green-700 transition-all duration-200 group relative" data-code="\sqrt{x}" title="Copy LaTeX code"> <svg class="copy-icon w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-5 h-5 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> <div class="bg-white rounded-lg p-5 border border-green-200 shadow-sm hover:shadow-md transition-shadow"> <div class="flex items-start justify-between gap-4"> <div class="flex-1"> <p class="text-gray-600 mb-2 text-sm">Nth root:</p> <code class="text-green-700 font-bold text-base block mb-3">\sqrt[n]{x}</code> <p class="text-gray-500 text-xs mb-2">Result:</p> <div class="katex-result text-2xl p-3 bg-gray-50 rounded border border-gray-200" data-latex="\sqrt[n]{x}"></div> </div> <button class="latex-copy-btn flex-shrink-0 p-2.5 rounded-lg bg-green-50 hover:bg-green-100 text-green-600 hover:text-green-700 transition-all duration-200 group relative" data-code="\sqrt[n]{x}" title="Copy LaTeX code"> <svg class="copy-icon w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-5 h-5 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> <div class="bg-white rounded-lg p-5 border border-green-200 shadow-sm hover:shadow-md transition-shadow"> <div class="flex items-start justify-between gap-4"> <div class="flex-1"> <p class="text-gray-600 mb-2 text-sm">Example with numbers:</p> <code class="text-green-700 font-bold text-base block mb-3">\sqrt{25} = 5</code> <p class="text-gray-500 text-xs mb-2">Result:</p> <div class="katex-result text-2xl p-3 bg-gray-50 rounded border border-gray-200" data-latex="\sqrt{25} = 5"></div> </div> <button class="latex-copy-btn flex-shrink-0 p-2.5 rounded-lg bg-green-50 hover:bg-green-100 text-green-600 hover:text-green-700 transition-all duration-200 group relative" data-code="\sqrt{25} = 5" title="Copy LaTeX code"> <svg class="copy-icon w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-5 h-5 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> <div class="bg-white rounded-lg p-5 border border-green-200 shadow-sm hover:shadow-md transition-shadow"> <div class="flex items-start justify-between gap-4"> <div class="flex-1"> <p class="text-gray-600 mb-2 text-sm">Complex expression:</p> <code class="text-green-700 font-bold text-base block mb-3">\sqrt{a^2 + b^2}</code> <p class="text-gray-500 text-xs mb-2">Result:</p> <div class="katex-result text-2xl p-3 bg-gray-50 rounded border border-gray-200" data-latex="\sqrt{a^2 + b^2}"></div> </div> <button class="latex-copy-btn flex-shrink-0 p-2.5 rounded-lg bg-green-50 hover:bg-green-100 text-green-600 hover:text-green-700 transition-all duration-200 group relative" data-code="\sqrt{a^2 + b^2}" title="Copy LaTeX code"> <svg class="copy-icon w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-5 h-5 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> <div class="bg-gradient-to-r from-green-50 to-emerald-50 rounded-lg p-4 border border-green-200"> <p class="text-sm text-gray-700 flex items-start gap-2"> <svg class="w-5 h-5 text-green-600 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path> </svg> <span><strong>Tip:</strong> Click the copy icon next to each code to instantly copy the LaTeX command to your clipboard.</span> </p> </div> </div> </section> <section id="encodings" class="mb-16 glass-card rounded-3xl p-8 md:p-12 relative overflow-hidden group transition-all duration-300"> <div class="absolute bottom-0 left-0 w-64 h-64 bg-gradient-to-tr from-emerald-100 to-teal-100 rounded-full blur-3xl opacity-30 -z-10 group-hover:opacity-50 transition-opacity duration-500"></div> <h2 class="text-3xl font-bold mb-8 text-gray-900">
Symbol Codes
</h2> <div class="bg-white rounded-2xl p-6 md:p-8 border border-gray-200 shadow-sm"> <div class="grid md:grid-cols-2 gap-6 md:gap-8"> <div> <p class="text-gray-900 mb-4 font-semibold text-base md:text-lg">Unicode Information:</p> <ul class="space-y-2.5 text-sm md:text-base"> <li> <span class="text-gray-700 font-semibold">Unicode:</span> <span class="text-green-600">U+221A</span> </li> <li> <span class="text-gray-700 font-semibold">HTML Entity:</span> <span class="text-green-600">&amp;radic; or &amp;#8730;</span> </li> <li> <span class="text-gray-700 font-semibold">HTML Hex:</span> <span class="text-green-600">&amp;#x221A;</span> </li> <li> <span class="text-gray-700 font-semibold">CSS Code:</span> <span class="text-green-600">\221A</span> </li> </ul> </div> <div> <p class="text-gray-900 mb-4 font-semibold text-base md:text-lg">Character Details:</p> <ul class="space-y-2.5 text-sm md:text-base"> <li> <span class="text-gray-700 font-semibold">Unicode Block:</span> <span class="text-green-600">Mathematical Operators</span> </li> <li> <span class="text-gray-700 font-semibold">UTF-8 Encoding:</span> <span class="text-green-600">E2 88 9A</span> </li> <li> <span class="text-gray-700 font-semibold">UTF-16 Encoding:</span> <span class="text-green-600">221A</span> </li> <li> <span class="text-gray-700 font-semibold">UTF-32 Encoding:</span> <span class="text-green-600">0000221A</span> </li> </ul> </div> </div> </div> </section> <section id="usage" class="mb-16 glass-card rounded-3xl p-8 md:p-12 relative overflow-hidden group transition-all duration-300"> <div class="absolute top-1/2 right-0 w-64 h-64 bg-gradient-to-bl from-green-100 to-teal-100 rounded-full blur-3xl opacity-30 -z-10 group-hover:opacity-50 transition-opacity duration-500"></div> <h2 class="text-3xl font-bold mb-8 text-gray-900">
Common Uses of the Square Root Symbol
</h2> <div class="prose prose-lg max-w-none text-gray-700"> <p class="mb-6">
The square root symbol is fundamental in mathematics and appears in numerous applications across various fields. Here are the most common uses in mathematical contexts:
</p> <div class="space-y-6"> <div class="border-l-4 border-green-500 pl-4"> <h3 class="text-xl font-semibold mb-3 text-gray-900">1. Basic Square Root Operations</h3> <p class="mb-3">Finding the square root of perfect squares and non-perfect squares:</p> <div class="space-y-4 overflow-x-auto overflow-y-hidden"> <div> <div class="katex-result text-xl mb-2" data-latex="\sqrt{16} = 4"></div> <div class="flex items-center gap-2"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">\sqrt{16} = 4</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="\sqrt{16} = 4" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> <div> <div class="katex-result text-xl mb-2" data-latex="\sqrt{25} = 5"></div> <div class="flex items-center gap-2"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">\sqrt{25} = 5</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="\sqrt{25} = 5" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> <div> <div class="katex-result text-xl mb-2" data-latex="\sqrt{2} \approx 1.414"></div> <div class="flex items-center gap-2"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">\sqrt{2} \approx 1.414</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="\sqrt{2} \approx 1.414" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> <div> <div class="katex-result text-xl mb-2" data-latex="\sqrt{100} = 10"></div> <div class="flex items-center gap-2"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">\sqrt{100} = 10</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="\sqrt{100} = 10" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> </div> </div> <div class="border-l-4 border-green-500 pl-4"> <h3 class="text-xl font-semibold mb-3 text-gray-900">2. Pythagorean Theorem</h3> <p class="mb-3">Calculating the length of sides in right triangles:</p> <div class="overflow-x-auto overflow-y-hidden"> <div class="katex-result text-xl mb-2" data-latex="c = \sqrt{a^2 + b^2}"></div> <div class="flex items-center gap-2 mb-3"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">c = \sqrt{a^2 + b^2}</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="c = \sqrt{a^2 + b^2}" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> <p class="text-sm text-gray-600">where c is the hypotenuse and a, b are the other sides</p> </div> </div> <div class="border-l-4 border-green-500 pl-4"> <h3 class="text-xl font-semibold mb-3 text-gray-900">3. Quadratic Formula</h3> <p class="mb-3">Solving quadratic equations ax² + bx + c = 0:</p> <div class="overflow-x-auto overflow-y-hidden"> <div class="katex-result text-xl mb-2" data-latex="x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}"></div> <div class="flex items-center gap-2"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> </div> <div class="border-l-4 border-green-500 pl-4"> <h3 class="text-xl font-semibold mb-3 text-gray-900">4. Distance Formula</h3> <p class="mb-3">Calculating the distance between two points (x₁, y₁) and (x₂, y₂):</p> <div class="overflow-x-auto overflow-y-hidden"> <div class="katex-result text-xl mb-2" data-latex="d = \sqrt{(x_2 - x_1)^2 + (y_2 - y_1)^2}"></div> <div class="flex items-center gap-2"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">d = \sqrt{ (x_2 - x_1)^2 + (y_2 - y_1)^2 }</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="d = \sqrt{(x_2 - x_1)^2 + (y_2 - y_1)^2}" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> </div> <div class="border-l-4 border-green-500 pl-4"> <h3 class="text-xl font-semibold mb-3 text-gray-900">5. Standard Deviation</h3> <p class="mb-3">Measuring spread in statistics:</p> <div class="overflow-x-auto overflow-y-hidden"> <div class="katex-result text-xl mb-2" data-latex="\sigma = \sqrt{\frac{\sum(x - \mu)^2}{N}}"></div> <div class="flex items-center gap-2 mb-3"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">\sigma = \sqrt{\frac{\sum(x - \mu)^2}{ N}}</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="\sigma = \sqrt{\frac{\sum(x - \mu)^2}{N}}" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> <p class="text-sm text-gray-600">where σ is standard deviation, μ is mean, N is sample size</p> </div> </div> <div class="border-l-4 border-green-500 pl-4"> <h3 class="text-xl font-semibold mb-3 text-gray-900">6. Simplifying Radicals</h3> <p class="mb-3">Breaking down square roots into simpler forms:</p> <div class="space-y-4 overflow-x-auto overflow-y-hidden"> <div> <div class="katex-result text-xl mb-2" data-latex="\sqrt{72} = \sqrt{36 \times 2} = 6\sqrt{2}"></div> <div class="flex items-center gap-2"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">\sqrt{72} = \sqrt{36 \times 2} = 6\sqrt{2}</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="\sqrt{72} = \sqrt{36 \times 2} = 6\sqrt{2}" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> <div> <div class="katex-result text-xl mb-2" data-latex="\sqrt{50} = \sqrt{25 \times 2} = 5\sqrt{2}"></div> <div class="flex items-center gap-2"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">\sqrt{50} = \sqrt{25 \times 2} = 5\sqrt{2}</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="\sqrt{50} = \sqrt{25 \times 2} = 5\sqrt{2}" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> </div> </div> <div class="border-l-4 border-green-500 pl-4"> <h3 class="text-xl font-semibold mb-3 text-gray-900">7. Physics Applications</h3> <p class="mb-3">Used in velocity, energy, and wave calculations:</p> <div class="space-y-4 overflow-x-auto overflow-y-hidden"> <div> <p class="text-gray-900 mb-2 font-semibold">Velocity:</p> <div class="katex-result text-xl mb-2" data-latex="v = \sqrt{2gh}"></div> <div class="flex items-center gap-2"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">v = \sqrt{2gh}</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="v = \sqrt{2gh}" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> <div> <p class="text-gray-900 mb-2 font-semibold">RMS Voltage:</p> <div class="katex-result text-xl mb-2" data-latex="V_{\text{rms}} = \frac{V_{\text{peak}}}{\sqrt{2}}"></div> <div class="flex items-center gap-2"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">V_{\text{rms}} = \frac{V_{\text{peak}}}{\ sqrt{2}}</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="V_{\text{rms}} = \frac{V_{\text{peak}}}{\sqrt{2}}" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> </div> </div> <div class="border-l-4 border-green-500 pl-4"> <h3 class="text-xl font-semibold mb-3 text-gray-900">8. Complex Numbers</h3> <p class="mb-3">Finding the magnitude of complex numbers:</p> <div class="overflow-x-auto overflow-y-hidden"> <div class="katex-result text-xl mb-2" data-latex="|z| = \sqrt{a^2 + b^2}"></div> <div class="flex items-center gap-2 mb-3"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">|z| = \sqrt{a^2 + b^2}</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="|z| = \sqrt{a^2 + b^2}" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> <p class="text-sm text-gray-600">where z = a + bi</p> </div> </div> <div class="border-l-4 border-green-500 pl-4"> <h3 class="text-xl font-semibold mb-3 text-gray-900">9. Nth Root General Form</h3> <p class="mb-3">The radical symbol represents the nth root when a number n is placed above it:</p> <div class="space-y-4 overflow-x-auto overflow-y-hidden"> <div> <div class="katex-result text-xl mb-2" data-latex="\sqrt[n]{x}"></div> <div class="flex items-center gap-2"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">\sqrt[n]{x}</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="\sqrt[n]{x}" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> <p class="text-sm text-gray-600 mt-2">This means "take the nth root of the number x"</p> </div> <div class="space-y-3"> <p class="text-gray-700 font-semibold">Examples:</p> <div> <div class="katex-result text-xl mb-2" data-latex="\sqrt[3]{8} = 2"></div> <div class="flex items-center gap-2"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">\sqrt[3]{8} = 2</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="\sqrt[3]{8} = 2" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> <div> <div class="katex-result text-xl mb-2" data-latex="\sqrt[4]{16} = 2"></div> <div class="flex items-center gap-2"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">\sqrt[4]{16} = 2</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="\sqrt[4]{16} = 2" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> <div> <div class="katex-result text-xl mb-2" data-latex="\sqrt[5]{32} = 2"></div> <div class="flex items-center gap-2"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">\sqrt[5]{32} = 2</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="\sqrt[5]{32} = 2" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="border-l-4 border-green-500 pl-4"> <h3 class="text-xl font-semibold mb-3 text-gray-900">10. Geometric Mean</h3> <p class="mb-3">Calculating the geometric mean of two numbers:</p> <div class="overflow-x-auto overflow-y-hidden"> <div class="katex-result text-xl mb-2" data-latex="\text{GM} = \sqrt{ab}"></div> <div class="flex items-center gap-2 mb-3"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">\text{GM} = \sqrt{ab}</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="\text{GM} = \sqrt{ab}" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> <p class="text-sm text-gray-600">For n numbers: <span class="katex-result inline-block" data-latex="\sqrt[n]{x_1 \cdot x_2 \cdot \ldots \cdot x_n}"></span></p> </div> </div> <div class="border-l-4 border-green-500 pl-4"> <h3 class="text-xl font-semibold mb-3 text-gray-900">11. Root Mean Square (RMS)</h3> <p class="mb-3">Finding the quadratic mean or RMS value:</p> <div class="overflow-x-auto overflow-y-hidden"> <div class="katex-result text-xl mb-2" data-latex="x_{\text{rms}} = \sqrt{\frac{x_1^2 + x_2^2 + \cdots + x_n^2}{n}}"></div> <div class="flex items-center gap-2 mb-3"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">x_{\text{rms}} = \sqrt{\frac{x_1^2 + x_2^2 + \cdots + x_n^2}{ n}}</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="x_{\text{rms}} = \sqrt{\frac{x_1^2 + x_2^2 + \cdots + x_n^2}{n}}" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> <p class="text-sm text-gray-600">Commonly used in signal processing and electrical engineering</p> </div> </div> <div class="border-l-4 border-green-500 pl-4"> <h3 class="text-xl font-semibold mb-3 text-gray-900">12. Circle Radius from Area</h3> <p class="mb-3">Finding the radius when given the area of a circle:</p> <div class="overflow-x-auto overflow-y-hidden"> <div class="katex-result text-xl mb-2" data-latex="r = \sqrt{\frac{A}{\pi}}"></div> <div class="flex items-center gap-2 mb-3"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">r = \sqrt{\frac{A}{\pi}}</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="r = \sqrt{\frac{A}{\pi}}" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> <p class="text-sm text-gray-600">where A is the area and r is the radius</p> </div> </div> <div class="border-l-4 border-green-500 pl-4"> <h3 class="text-xl font-semibold mb-3 text-gray-900">13. Solving Simple Equations</h3> <p class="mb-3">Taking square root of both sides to solve for a variable:</p> <div class="space-y-3 overflow-x-auto overflow-y-hidden"> <div> <p class="text-gray-700 mb-2">If <span class="katex-result inline-block" data-latex="x^2 = 16"></span>, then:</p> <div class="katex-result text-xl mb-2" data-latex="x = \pm\sqrt{16} = \pm 4"></div> <div class="flex items-center gap-2"> <code class="text-sm text-green-600 bg-green-50 px-2 py-1 rounded">x = \pm\sqrt{16} = \pm 4</code> <button class="formula-copy-btn p-1 text-gray-400 hover:text-green-600 transition-colors" data-code="x = \pm\sqrt{16} = \pm 4" title="Copy LaTeX code"> <svg class="copy-icon w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <svg class="check-icon w-4 h-4 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </button> </div> </div> </div> </div> </div> </div> </section> <section id="faq" class="mb-16 glass-card rounded-3xl p-8 md:p-12 relative overflow-hidden"> <div class="absolute bottom-0 right-0 w-96 h-96 bg-gradient-to-tl from-emerald-100 to-green-100 rounded-full blur-3xl opacity-20 -z-10"></div> <h2 class="text-3xl font-bold mb-10 text-center"> <span class="bg-gradient-to-r from-green-700 to-emerald-600 bg-clip-text text-transparent">Frequently Asked Questions</span> </h2> <div class="space-y-4 max-w-4xl mx-auto"> <details class="bg-white rounded-xl border border-green-100 shadow-sm hover:shadow-md transition-all duration-300 group"> <summary class="cursor-pointer p-6 font-semibold text-lg text-gray-900 flex items-center justify-between group-hover:text-green-700 transition-colors"> <span>
What does the square root symbol mean?
</span> <svg class="w-5 h-5 transition-transform group-open:rotate-180" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> </summary> <div class="px-6 pb-6 text-gray-700 leading-relaxed">
The square root symbol (√) represents a mathematical operation that finds a number which, when multiplied by itself, equals the original number. For example, √16 = 4 because 4 × 4 = 16. It's also called the radical sign or radix.
</div> </details> <details class="bg-white rounded-xl border border-green-100 shadow-sm hover:shadow-md transition-all duration-300 group"> <summary class="cursor-pointer p-6 font-semibold text-lg text-gray-900 flex items-center justify-between group-hover:text-green-700 transition-colors"> <span>
How do I type the square root symbol on my keyboard?
</span> <svg class="w-5 h-5 transition-transform group-open:rotate-180" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> </summary> <div class="px-6 pb-6 text-gray-700 leading-relaxed"> <p class="mb-3">The easiest method is to copy and paste the symbol directly from this page. For other methods:</p> <ul class="list-disc list-inside space-y-2 ml-4"> <li>Mac: Press Option + V</li> <li>Linux: Press Ctrl + Shift + U, then type 221A and press Enter</li> <li>Microsoft Word: Type 221A then press Alt + X</li> </ul> </div> </details> <details class="bg-white rounded-xl border border-green-100 shadow-sm hover:shadow-md transition-all duration-300 group"> <summary class="cursor-pointer p-6 font-semibold text-lg text-gray-900 flex items-center justify-between group-hover:text-green-700 transition-colors"> <span>
What is the Unicode code for the square root symbol?
</span> <svg class="w-5 h-5 transition-transform group-open:rotate-180" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> </summary> <div class="px-6 pb-6 text-gray-700 leading-relaxed">
The Unicode code for the square root symbol is U+221A. In HTML, you can use &amp;radic; or &amp;#8730;. The UTF-8 encoding is E2 88 9A.
</div> </details> <details class="bg-white rounded-xl border border-green-100 shadow-sm hover:shadow-md transition-all duration-300 group"> <summary class="cursor-pointer p-6 font-semibold text-lg text-gray-900 flex items-center justify-between group-hover:text-green-700 transition-colors"> <span>
How do I write square root in LaTeX?
</span> <svg class="w-5 h-5 transition-transform group-open:rotate-180" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> </summary> <div class="px-6 pb-6 text-gray-700 leading-relaxed">
In LaTeX, use <code class="bg-green-50 px-2 py-1 rounded text-green-700 font-mono">\sqrt&#123;x&#125;</code> for a square root. For nth roots, use <code class="bg-green-50 px-2 py-1 rounded text-green-700 font-mono">\sqrt[n]&#123;x&#125;</code>. For example, <code class="bg-green-50 px-2 py-1 rounded text-green-700 font-mono">\sqrt&#123;25&#125;</code> produces √25.
</div> </details> <details class="bg-white rounded-xl border border-green-100 shadow-sm hover:shadow-md transition-all duration-300 group"> <summary class="cursor-pointer p-6 font-semibold text-lg text-gray-900 flex items-center justify-between group-hover:text-green-700 transition-colors"> <span>
Can I use the square root symbol in Excel or Google Sheets?
</span> <svg class="w-5 h-5 transition-transform group-open:rotate-180" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> </summary> <div class="px-6 pb-6 text-gray-700 leading-relaxed">
Yes! You can copy and paste the √ symbol directly into Excel or Google Sheets. For calculations, use the SQRT function: <code class="bg-green-50 px-2 py-1 rounded text-green-700 font-mono">=SQRT(number)</code>. For example, <code class="bg-green-50 px-2 py-1 rounded text-green-700 font-mono">=SQRT(16)</code> returns 4.
</div> </details> <details class="bg-white rounded-xl border border-green-100 shadow-sm hover:shadow-md transition-all duration-300 group"> <summary class="cursor-pointer p-6 font-semibold text-lg text-gray-900 flex items-center justify-between group-hover:text-green-700 transition-colors"> <span>
What's the difference between √ and ∛?
</span> <svg class="w-5 h-5 transition-transform group-open:rotate-180" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> </summary> <div class="px-6 pb-6 text-gray-700 leading-relaxed">
√ is the square root symbol (second root), while ∛ is the cube root symbol (third root). √16 = 4 means 4² = 16, whereas ∛27 = 3 means 3³ = 27. The square root is more commonly used in mathematics.
</div> </details> <details class="bg-white rounded-xl border border-green-100 shadow-sm hover:shadow-md transition-all duration-300 group"> <summary class="cursor-pointer p-6 font-semibold text-lg text-gray-900 flex items-center justify-between group-hover:text-green-700 transition-colors"> <span>
Is the square root symbol supported on all devices?
</span> <svg class="w-5 h-5 transition-transform group-open:rotate-180" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> </summary> <div class="px-6 pb-6 text-gray-700 leading-relaxed">
Yes, the square root symbol (√) is part of the Unicode standard and is supported on virtually all modern devices, browsers, and operating systems including Windows, Mac, Linux, iOS, and Android. It displays consistently across platforms.
</div> </details> <details class="bg-white rounded-xl border border-green-100 shadow-sm hover:shadow-md transition-all duration-300 group"> <summary class="cursor-pointer p-6 font-semibold text-lg text-gray-900 flex items-center justify-between group-hover:text-green-700 transition-colors"> <span>
Why is it called a radical sign?
</span> <svg class="w-5 h-5 transition-transform group-open:rotate-180" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> </summary> <div class="px-6 pb-6 text-gray-700 leading-relaxed">
The term "radical" comes from the Latin word "radix," meaning "root." The symbol √ was introduced by mathematician Christoph Rudolff in 1525. The horizontal line extending from the symbol is called the vinculum, which groups the numbers under the radical.
</div> </details> <details class="bg-white rounded-xl border border-green-100 shadow-sm hover:shadow-md transition-all duration-300 group"> <summary class="cursor-pointer p-6 font-semibold text-lg text-gray-900 flex items-center justify-between group-hover:text-green-700 transition-colors"> <span>
Can square roots be negative?
</span> <svg class="w-5 h-5 transition-transform group-open:rotate-180" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> </summary> <div class="px-6 pb-6 text-gray-700 leading-relaxed">
In real numbers, the principal square root is always non-negative. However, every positive number has two square roots: one positive and one negative. For example, both 5 and -5 are square roots of 25, but √25 specifically refers to the positive root (5). The symbol ±√ is used when both roots are needed.
</div> </details> <details class="bg-white rounded-xl border border-green-100 shadow-sm hover:shadow-md transition-all duration-300 group"> <summary class="cursor-pointer p-6 font-semibold text-lg text-gray-900 flex items-center justify-between group-hover:text-green-700 transition-colors"> <span>
Where is the square root symbol commonly used?
</span> <svg class="w-5 h-5 transition-transform group-open:rotate-180" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> </summary> <div class="px-6 pb-6 text-gray-700 leading-relaxed">
The square root symbol is used extensively in algebra, geometry (Pythagorean theorem), trigonometry, calculus, statistics (standard deviation), physics (velocity and energy equations), engineering, and computer science. It's one of the most fundamental mathematical operators.
</div> </details> </div> </section> <section id="related-symbols" class="mb-16"> <div class="text-center mb-12"> <h2 class="text-4xl font-bold mb-4"> <span class="bg-gradient-to-r from-green-700 to-emerald-600 bg-clip-text text-transparent">Related Mathematical Symbols</span> </h2> <p class="text-lg text-gray-600">Click any symbol to copy it to your clipboard</p> </div> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6"> <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">∛</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Cube Root</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="∛" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <script type="module">function c(t){if(navigator.clipboard&&navigator.clipboard.writeText)return navigator.clipboard.writeText(t);{const e=document.createElement("textarea");return e.value=t,e.style.position="fixed",e.style.left="-999999px",e.style.top="-999999px",document.body.appendChild(e),e.focus(),e.select(),new Promise((o,r)=>{try{const a=document.execCommand("copy");document.body.removeChild(e),a?o():r(new Error("Copy failed"))}catch(a){document.body.removeChild(e),r(a)}})}}function i(t){const e=t.querySelector(".button-text"),o=t.getAttribute("data-original-text");e&&o&&(t.classList.add("bg-green-600","text-white"),t.classList.remove("bg-gray-100","hover:bg-gray-200","text-gray-700"),e.textContent="Copied",setTimeout(()=>{e.textContent=o,t.classList.remove("bg-green-600","text-white"),t.classList.add("bg-gray-100","hover:bg-gray-200","text-gray-700")},1500))}document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll(".symbol-copy-btn").forEach(e=>{e.addEventListener("click",async()=>{const o=e.getAttribute("data-text");if(o)try{await c(o),i(e)}catch(r){console.error("Failed to copy:",r),alert("Failed to copy to clipboard")}})})});</script><div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">∜</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Fourth Root</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="∜" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">±</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Plus Minus</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="±" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">∞</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Infinity</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="∞" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">≈</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Approximately Equal</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="≈" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">≠</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Not Equal</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="≠" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">≤</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Less Than or Equal</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="≤" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">≥</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Greater Than or Equal</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="≥" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">∑</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Summation</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="∑" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">∏</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Product</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="∏" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">∫</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Integral</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="∫" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">π</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Pi</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="π" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">∂</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Partial Derivative</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="∂" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">∆</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Delta</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="∆" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">∇</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Nabla</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="∇" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">∈</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Element Of</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="∈" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">∉</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Not Element Of</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="∉" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">⊂</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Subset</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="⊂" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">⊃</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Superset</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="⊃" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">∪</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Union</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="∪" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">∩</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Intersection</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="∩" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">∅</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Empty Set</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="∅" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">∀</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">For All</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="∀" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">∃</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">There Exists</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="∃" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">°</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Degree</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="°" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">×</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Multiplication</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="×" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">÷</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Division</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="÷" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">²</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Superscript Two</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="²" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">³</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Superscript Three</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="³" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>  <div class="symbol-card-wrapper group relative h-full"> <div class="absolute inset-0 bg-gradient-to-br from-green-100 to-emerald-100 rounded-2xl blur opacity-0 group-hover:opacity-70 transition-opacity duration-500"></div> <div class="relative glass-card rounded-2xl px-6 py-3 md:py-4 flex flex-col items-center justify-center text-center h-full hover:-translate-y-2 transition-all duration-300 border border-green-100 gap-4"> <div class="relative"> <div class="text-6xl text-gray-900">ⁿ</div> </div> <h3 class="symbol-card-title text-base md:text-lg font-semibold text-green-700">Superscript N</h3> <button class="symbol-copy-btn w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg transition-all duration-200 text-sm border border-gray-200" data-text="ⁿ" data-original-text="Copy"> <span class="button-text text-inherit inline-block" style="min-width: 3.5rem">Copy</span> </button> </div> </div>   </div> </section> <footer class="text-center py-12 mt-16 border-t border-green-200/50 backdrop-blur-sm"></footer> </div> </main>  </main> <footer class="footer"> <div class="footer-container"> <div class="footer-content"> <div class="footer-section footer-about"> <div class="footer-logo"> <span class="footer-logo-symbol">√</span> <span class="footer-logo-text">Square Root Symbol</span> </div> <p class="footer-description">
Your comprehensive guide to the square root symbol - copy, paste, and learn.
</p> </div> <div class="footer-section"> <h3 class="footer-heading">Quick Links</h3> <ul class="footer-links footer-links-two-column"> <li class="footer-link-item"> <a href="#copy-symbol" class="footer-link">Copy Symbol</a> </li><li class="footer-link-item"> <a href="#what-is" class="footer-link">What is √?</a> </li><li class="footer-link-item"> <a href="#latex" class="footer-link">LaTeX</a> </li><li class="footer-link-item"> <a href="#encodings" class="footer-link">Symbol Codes</a> </li><li class="footer-link-item"> <a href="#usage" class="footer-link">Usage</a> </li><li class="footer-link-item"> <a href="#faq" class="footer-link">FAQ</a> </li><li class="footer-link-item"> <a href="#related-symbols" class="footer-link">Related Symbols</a> </li> </ul> </div> </div> <div class="footer-bottom"> <div class="footer-bottom-content"> <p class="footer-copyright">
&copy; 2025 All rights reserved.
</p> <div class="footer-scroll-top"> <a href="#top" class="scroll-top-link" aria-label="Scroll to top"> <svg class="scroll-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path> </svg> <span class="scroll-text">Back to Top</span> </a> </div> </div> </div> </div> </footer>  <script type="module">(function(){for(var o=document.querySelectorAll('a[href^="#"]'),e=0;e<o.length;e++)o[e].addEventListener("click",function(r){var t=this.getAttribute("href");if(t==="#"||t==="#top"){r.preventDefault(),window.scrollTo({top:0,behavior:"smooth"});return}var n=document.querySelector(t);if(n){r.preventDefault();var l=64,a=n.getBoundingClientRect().top+window.pageYOffset-l;window.scrollTo({top:a,behavior:"smooth"})}})})();</script> <link rel="stylesheet" href="/katex/katex.min.css"> <script defer src="/katex/katex.min.js"></script> </body> </html>  <script type="module">function l(a){if(navigator.clipboard&&navigator.clipboard.writeText)return navigator.clipboard.writeText(a);{const e=document.createElement("textarea");return e.value=a,e.style.position="fixed",e.style.left="-999999px",e.style.top="-999999px",e.style.opacity="0",document.body.appendChild(e),e.focus(),e.select(),new Promise((t,c)=>{try{const o=document.execCommand("copy");document.body.removeChild(e),o?t():c(new Error("Copy command failed"))}catch(o){document.body.removeChild(e),c(o)}})}}function s(a){const e=a.querySelector(".copy-icon"),t=a.querySelector(".check-icon");e&&t&&(e.classList.add("hidden"),t.classList.remove("hidden"),a.classList.add("copied-state"),setTimeout(()=>{e.classList.remove("hidden"),t.classList.add("hidden"),a.classList.remove("copied-state")},2e3))}function d(){document.querySelectorAll(".katex-result").forEach(e=>{const t=e.getAttribute("data-latex");if(t&&typeof katex<"u")try{katex.render(t,e,{throwOnError:!1,displayMode:!1,trust:!0,strict:!1,maxSize:2,maxExpand:1e3})}catch(c){console.error("Error rendering formula:",t,c),e.textContent=t}})}typeof katex<"u"&&d();document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll(".latex-copy-btn").forEach(t=>{t.addEventListener("click",async c=>{c.preventDefault();const o=t.getAttribute("data-code");if(o)try{await l(o),s(t)}catch(r){console.error("Failed to copy LaTeX code:",r);const n=`Failed to copy. Please manually copy: ${o}`;window.alert&&alert(n)}})}),document.querySelectorAll(".formula-copy-btn").forEach(t=>{t.addEventListener("click",async c=>{c.preventDefault();const o=t.getAttribute("data-code");if(o)try{await l(o),s(t)}catch(r){console.error("Failed to copy formula code:",r);const n=`Failed to copy. Please manually copy: ${o}`;window.alert&&alert(n)}})}),typeof katex<"u"?d():setTimeout(()=>{typeof katex<"u"&&d()},1e3)});</script> 