HTML |科学计算器

这里将使用 HTML、CSS 和 JavaScript 形成一个科学计算器。

• 计算器标题：这是我们应用程序顶部的标题，“GeeksforGeeks 科学计算器”。
• 输出屏幕：这将是输出屏幕，其中将显示所有文本。就像用户将键入的输入以及根据用户输入计算出的答案一样。因此，我们可以再次将其分解为两个较小的部分，如下所示：
  • 问题输出：这将是用户给出的输入。
  • 答案输出：这将是根据用户输入计算的结果。

运算：这个科学计算器可以执行下列运算：

• 平方根
• 百分比
• 阶乘
• 常数（饼图，欧拉常数，log2 base e，log 10 base e）
• 指数
• 以 2、10、e 为底的对数
• 力量
• Sin、Tan、Cos（以弧度输入角度）

HTML代码：

HTML

     

    
        Scientific Calculator using HTML, CSS and Js
    
     
    
    
     
        /* Style to set the title of calculator */
        .title {
            margin-bottom: 10px;
            padding: 5px 0;
            font-size: 20px;
            font-weight:bold;
            text-align:center;
            width: 447px;
            color:green;
            border: solid black 2px;
        }
         
        /* Set the button style */
        #btn {
            width: 100%;
            height: 40px;
            font-size: 30px;
        }
         
        input[type="button"] {
            background-color:green;
            color: black;
            border: solid black 2px;
            width:100%
        }
         
        /* Set input textarea */
        input[type="text"] {
            background-color:white;
            border: solid black 2px;
            width:100%
        }
    
     
    
         
        /* Creating function in HTML for backspace operation */
        function backspace(calc) {                                            
            size = calc.display.value.length;
            calc.display.value = calc.display.value.substring(0, size-1);
        }
         
        /* Creating function to calculate factorial of element */
        function calculate(calc) {
             
            /* Check if function include ! character then
            calculate factorial of number */
            if(calc.display.value.includes("!")) {
                 
                size = calc.display.value.length;
                n = Number(calc.display.value.substring(0, size-1));
                f = 1;
                 
                for(i = 2; i <= n; i++)
                    f = f*i;
                calc.display.value = f;
            }
             
            /* If function include % character then calculate
            the % of number */
            else if(calc.display.value.includes("%")) {
                 
                size = calc.display.value.length;
                n = Number(calc.display.value.substring(0, size-1));
                calc.display.value = n/100;
            }
 
            else   
                /* Otherwise evaluate and execute output */
                calc.display.value = eval(calc.display.value);
        }
    

 

    
        GeeksforGeeks Scientific Calculator
    
     
    
         
    
         
    
        
    
     
    
        
         
        
         
        
         
        
        
        
    
     
    
        
         
        
         
        
         
        
         
        
         
        
    
     
    
        
         
        
         
        
         
        
         
        
         
        
    
     
    
        
         
        
         
        
         
        
         
        
         
        
    
     
    
        
         
        
         
        
         
        
         
        
         
        
    
     
    
        
         
        
         
        
         
        
         
        
         
        
    
    
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
    

 

生成的科学计算器：

计算 cos(0) 值：