Calculator

🎯 Explore Digital Products (ID). 探索数字产品（ID）| Personal Digital Life (Tools). 个人数字生活（工具）| No personal data is collected! 不收集任何隐私！
            🎯 datathink.top
            🎯 <div class="app hide select-none bg-white dark:bg-surface-950" data-theme_model="" data-language_index=""><main class="main hide "><section class="section-main scroll-y-style"><div class="page-div calc-box select-none svelte-hp8hex"><div class="calculator-div svelte-hp8hex" style="height: 600px;"><div class="display-area bg-neutral-100 dark:bg-neutral-800 svelte-hp8hex"><div class="history-section svelte-hp8hex"><div class="history-items-container svelte-hp8hex" id="historyContainer" style="height: 70px;"><ul class="history-ul svelte-hp8hex" id="historyList"></ul></div></div> <div class="calc-section"><div class="expression select-text svelte-hp8hex" id="expression">0</div> <div class="result select-text svelte-hp8hex" id="result">0</div> <div class="error-message hide svelte-hp8hex" id="errorMessage"></div></div></div> <div class="buttons-div bg-neutral-100 dark:bg-neutral-800 svelte-hp8hex"><button class="btns edit clear_history svelte-hp8hex" title="Clear all history" data-action="clear_history" id="clearHistoryBtn">Clear</button> <button class="btns edit rewrite svelte-hp8hex" data-action="R" title="Rewrite">Rewrite</button> <button class="btns edit cursor-move svelte-hp8hex" data-action="CURSOR_LEFT" title="Move Left">←</button> <button class="btns edit cursor-move svelte-hp8hex" data-action="CURSOR_RIGHT" title="Move Right">→</button> <button class="btns edit del svelte-hp8hex" data-action="DEL" title="Del"><svg style="display: inline-block;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><g fill="none"><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"></path><path fill="currentColor" d="M19 3a3 3 0 0 1 2.995 2.824L22 6v12a3 3 0 0 1-2.824 2.995L19 21H8.108a3 3 0 0 1-2.436-1.25l-.108-.16l-4.08-6.53a2 2 0 0 1-.087-1.967l.086-.153l4.081-6.53a3 3 0 0 1 2.351-1.404L8.108 3zm0 2H8.108a1 1 0 0 0-.773.366l-.075.104L3.18 12l4.08 6.53a1 1 0 0 0 .72.462l.128.008H19a1 1 0 0 0 .993-.883L20 18V6a1 1 0 0 0-.883-.993zm-8.121 3.464l2.12 2.122l2.122-2.122a1 1 0 1 1 1.414 1.415L14.415 12l2.12 2.121a1 1 0 0 1-1.414 1.415L13 13.414l-2.121 2.122a1 1 0 1 1-1.415-1.415L11.586 12L9.464 9.879a1 1 0 0 1 1.415-1.415"></path></g></svg></button> <button class="btns function svelte-hp8hex" data-action="pi">π</button> <button class="btns function svelte-hp8hex" data-action="e">e</button> <button class="btns function svelte-hp8hex" data-action="phi">φ</button> <button class="btns function svelte-hp8hex" data-action="rand">Rand</button> <button class="btns function svelte-hp8hex" data-action="date">Date</button>  <button class="btns function svelte-hp8hex" data-action="sin">sin</button> <button class="btns function svelte-hp8hex" data-action="cos">cos</button> <button class="btns function svelte-hp8hex" data-action="tan">tan</button> <button class="btns function svelte-hp8hex" data-action="log">log</button> <button class="btns function svelte-hp8hex" data-action="ln">ln</button> <button class="btns function svelte-hp8hex" data-action="asin">asin</button> <button class="btns function svelte-hp8hex" data-action="acos">acos</button> <button class="btns function svelte-hp8hex" data-action="atan">atan</button> <button class="btns function svelte-hp8hex" data-action="n!">n!</button> <button class="btns function svelte-hp8hex" data-action="pow">x^y</button> <button class="btns number svelte-hp8hex" data-action="7">7</button> <button class="btns number svelte-hp8hex" data-action="8">8</button> <button class="btns number svelte-hp8hex" data-action="9">9</button> <button class="btns operator svelte-hp8hex" data-action="(">(</button> <button class="btns operator svelte-hp8hex" data-action=")">)</button> <button class="btns number svelte-hp8hex" data-action="4">4</button> <button class="btns number svelte-hp8hex" data-action="5">5</button> <button class="btns number svelte-hp8hex" data-action="6">6</button> <button class="btns operator svelte-hp8hex" data-action="*">×</button> <button class="btns operator svelte-hp8hex" data-action="/">/</button> <button class="btns number svelte-hp8hex" data-action="1">1</button> <button class="btns number svelte-hp8hex" data-action="2">2</button> <button class="btns number svelte-hp8hex" data-action="3">3</button> <button class="btns operator svelte-hp8hex" data-action="+">+</button> <button class="btns operator svelte-hp8hex" data-action="-">−</button> <button class="btns number svelte-hp8hex" data-action="%">%</button> <button class="btns number zero svelte-hp8hex" data-action="0">0</button> <button class="btns number svelte-hp8hex" data-action=".">.</button> <button class="btns operator equals svelte-hp8hex" data-action="=" title="=">=<span style="font-weight: 400;font-size: 14px;margin-left: 5px;">(Save)</span></button></div></div></div> <div class="part-div"><div data-scope="dialog" data-part="backdrop" hidden="" id="dialog:s1:backdrop" data-state="closed" class="fixed inset-0 z-50 bg-surface-50-950/80  select-none"></div> <div data-scope="dialog" data-part="positioner" id="dialog:s1:positioner" style="pointer-events:none;" class="fixed inset-0 z-50 flex justify-center items-center font-text select-none"><div data-scope="dialog" data-part="content" role="dialog" hidden="" id="dialog:s1:content" tabindex="-1" data-state="closed" aria-modal="true" aria-labelledby="dialog:s1:title" aria-describedby="dialog:s1:description" style="" class="card bg-neutral-100 dark:bg-neutral-900 w-full max-w-xs p-4 space-y-4 shadow-xl transition transition-discrete opacity-0 translate-y-[100px] starting:data-[state=open]:opacity-0 starting:data-[state=open]:translate-y-[100px] data-[state=open]:opacity-100 data-[state=open]:translate-y-0  px-[10px] py-[10px] border-radius"><header class="flex justify-between items-center pywebview-drag-region can-drag"><div data-scope="dialog" data-part="title" id="dialog:s1:title" class="font-text">🔴</div></header> <div data-scope="dialog" data-part="description" id="dialog:s1:description" class="font-text select-text">Clear all history?</div> <footer class="flex justify-center gap-10 select-none px-[10px] py-[10px]"><button title="Cancel" class="btn btn-base preset-tonal font-text click">Cancel</button> <button type="button" class="btn btn-base preset-filled-primary-500 font-text click">Clear</button></footer></div></div> <div data-scope="dialog" data-part="backdrop" hidden="" id="dialog:s2:backdrop" data-state="closed" class="fixed inset-0 z-50 bg-surface-50-950/80  select-none"></div> <div data-scope="dialog" data-part="positioner" id="dialog:s2:positioner" style="pointer-events:none;" class="fixed inset-0 z-50 flex justify-center items-center font-text select-none"><div data-scope="dialog" data-part="content" role="dialog" hidden="" id="dialog:s2:content" tabindex="-1" data-state="closed" aria-modal="true" aria-labelledby="dialog:s2:title" aria-describedby="dialog:s2:description" style="" class="card bg-neutral-100 dark:bg-neutral-900 w-full max-w-xs p-4 space-y-4 shadow-xl transition transition-discrete opacity-0 translate-y-[100px] starting:data-[state=open]:opacity-0 starting:data-[state=open]:translate-y-[100px] data-[state=open]:opacity-100 data-[state=open]:translate-y-0  px-[10px] py-[10px] border-radius"><header class="flex justify-between items-center pywebview-drag-region can-drag"><div data-scope="dialog" data-part="title" id="dialog:s2:title" class="font-text">⚠️</div></header> <div data-scope="dialog" data-part="description" id="dialog:s2:description" class="font-text select-text">Rewrite the expression?</div> <footer class="flex justify-center gap-10 select-none px-[10px] py-[10px]"><button title="Cancel" class="btn btn-base preset-tonal font-text click">Cancel</button> <button type="button" class="btn btn-base preset-filled-primary-500 font-text click">Rewrite</button></footer></div></div></div></section></main> <div class="part-div liquidGlass-div select-none hide  svelte-1yberpl" id="tab-touch_swiper"><svg style="display: none;"><filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%" filterUnits="objectBoundingBox"><feturbulence type="fractalNoise" basefrequency="0.001 0.005" numoctaves="1" seed="17" result="turbulence"></feturbulence><fecomponenttransfer in="turbulence" result="mapped"><fefuncr type="gamma" amplitude="1" exponent="10" offset="0.5"></fefuncr> <fefuncg type="gamma" amplitude="0" exponent="1" offset="0"></fefuncg> <fefuncb type="gamma" amplitude="0" exponent="1" offset="0.5"></fefuncb></fecomponenttransfer><fegaussianblur in="turbulence" stddeviation="3" result="softMap"></fegaussianblur><fespecularlighting in="softMap" surfacescale="5" specularconstant="1" specularexponent="100" lighting-color="white" result="specLight"><fepointlight x="-200" y="-200" z="300"></fepointlight></fespecularlighting><fecomposite in="specLight" operator="arithmetic" k1="0" k2="1" k3="1" k4="0" result="litImage"></fecomposite><fedisplacementmap in="SourceGraphic" in2="softMap" scale="200" xchannelselector="R" ychannelselector="G"></fedisplacementmap></filter></svg> <div class="liquidGlass-box pywebview-drag-region can-drag svelte-1yberpl" id="swiper_tab" style="width: 280px; bottom: 10px;"><div class="liquidGlass-wrapper svelte-1yberpl"><div class="liquidGlass-effect svelte-1yberpl"></div> <div class="liquidGlass-tint svelte-1yberpl"></div> <div class="liquidGlass-shine svelte-1yberpl"></div> <div class="liquidGlass-text svelte-1yberpl"> <div class="clear"></div></div></div></div></div> <button class="tab-qr-box select-none font-text click hide  svelte-1yberpl" style="width: 20px; height: 20px;"><img class="tab-qr-img svelte-1yberpl" src="" alt="QR"/></button> <div class="cn_div select-none font-text font-gray hide svelte-1yberpl" title="命中CN用户否：...。此功能不会暴露任何隐私。当天最多可计算次数：5 次。">...</div></div> <div class="alert select-none"><div class="part-div alert_loading-div select-none not-click hide svelte-fdjvf0"><div class="select-none"><div class="loading-info border-radius font-text svelte-fdjvf0"><div class="alert_loading_msg break select-text svelte-fdjvf0"></div> <svg class="loading-icon svelte-fdjvf0" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z" opacity="0.5"></path><path fill="currentColor" d="M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z"><animateTransform attributeName="transform" dur="1s" from="0 12 12" repeatCount="indefinite" to="360 12 12" type="rotate"></animateTransform></path></svg></div></div></div> <div class="part-div"><div data-scope="toast" data-part="group" dir="ltr" tabindex="-1" role="region" aria-label="Notifications, top-end (alt+T)" id="toast-group:top-end" data-placement="top-end" data-side="top" data-align="end" aria-live="polite" aria-relevant="additions text" aria-atomic="false" style="position:fixed;pointer-events:none;display:flex;flex-direction:column;--gap:16px;--first-height:0px;--viewport-offset-left:1rem;--viewport-offset-right:1rem;--viewport-offset-top:1rem;--viewport-offset-bottom:1rem;z-index:2147483647;align-items:flex-end;top:max(env(safe-area-inset-top, 0px), 1rem);inset-inline-end:calc(env(safe-area-inset-right, 0px) + 1rem);"></div></div> <div class="part-div alert_loading-div select-none hide svelte-1sascuq"><div class="select-none"><div class="loading-info svelte-1sascuq"><div class="alert_loading_msg break border-radius font-text bg-neutral-200 dark:bg-neutral-900 select-text svelte-1sascuq"></div></div></div></div></div> 
			
			<script>
				{
					__sveltekit_3fxjv6 = {
						base: new URL(".", location).pathname.slice(0, -1)
					};

const element = document.currentScript.parentElement;

Promise.all([
						import("./_app/immutable/entry/start.zB_fPBGr.js"),
						import("./_app/immutable/entry/app.B8JW_dlz.js")
					]).then(([kit, app]) => {
						kit.start(app, element, {
							node_ids: [0, 5],
							data: [null,null],
							form: null,
							error: null
						});
					});
				}
			</script>
		
            🎯 。