Scribd Logo
Upload

Welcome to Scribd!

  • 4 views

    Doc-20231123-Wa0041. 20231123 101516 0000

    Uploaded by

    flyencartwhatsapp
    1. The document contains an index file of a scientific calculator project. 2. It includes the HTML code to build the user interface of the calculator with different buttons and input areas to perform calculations. 3. The code links external CSS and JavaScript files to style the interface and add functionality to the calculator buttons and inputs.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Doc-20231123-Wa0041. 20231123 101516 0000

    Uploaded by

    flyencartwhatsapp
    4 views4 pages
    1. The document contains an index file of a scientific calculator project. 2. It includes the HTML code to build the user interface of the calculator with different buttons and input areas to perform calculations. 3. The code links external CSS and JavaScript files to style the interface and add functionality to the calculator buttons and inputs.

    Original Description:

    Original Title

    DOC-20231123-WA0041._20231123_101516_0000

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    1. The document contains an index file of a scientific calculator project. 2. It includes the HTML code to build the user interface of the calculator with different buttons and input areas to perform calculations. 3. The code links external CSS and JavaScript files to style the interface and add functionality to the calculator buttons and inputs.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    4 views4 pages

    Doc-20231123-Wa0041. 20231123 101516 0000

    Uploaded by

    flyencartwhatsapp
    1. The document contains an index file of a scientific calculator project. 2. It includes the HTML code to build the user interface of the calculator with different buttons and input areas to perform calculations. 3. The code links external CSS and JavaScript files to style the interface and add functionality to the calculator buttons and inputs.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 4

    LIST OF FIGURES

    SNo. Title Page No.


    1 Data Flow Diagrams 20

    2 UML Diagrams 21

    3 ER Diagrams 21

    4 Implementation Diagram 24

    5 Output Screenshot of Project 48 - 49


    INDEX FILE OF THE PROJECT
    <!DOCTYPE html>
    <html lang="en">
    <!-- scientific calculator v4.7.5 -->
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Scientific Calculator</title>
    <!-- favicon -->
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <!-- css styles -->
    <link rel="stylesheet" href="style/style.css">
    <!-- link with js files -->
    <script src="script/script.js" defer></script>
    <script src="script/app.js" defer></script>
    <!-- Primary Meta Tags -->
    <title>Scientific Calculator</title>
    </head>
    <body>
    <div class="container">
    <div class="calculator">
    <div class="input-area">
    <div id="topDisplay-container">
    <div id="topDisplay"></div>
    </div>
    <input type="text" id="display" readonly value="0">
    <div id="exponential-container">
    ×10<sup id="exponential"></sup>
    </div>
    </div>
    <div class="button-container">
    <div class="trigonometry">
    <span id="trigonometric-mode"></span>
    <span id="trigono-toggle">
    <span>Trigonometry &darr;</span>
    <span id="trigonometric-container">
    <span class="operationButton trigono-operator" data-button-symbol="trigo(Math.sin,">sin(
    </span>
    <span class="operationButton trigono-operator" data-button-symbol="trigo(Math.cos,">cos(
    </span>
    <span class="operationButton trigono-operator" data-button-symbol="trigo(Math.tan,">tan(
    </span>
    <span class="operationButton trigono-operator"
    data-button-symbol="1/trigo(Math.sin,">cosec(
    </span>
    <span class="operationButton trigono-operator" data-button-symbol="1/trigo(Math.cos,">sec(

    </span>
    <span class="operationButton trigono-operator" data-button-symbol="1/trigo(Math.tan,">cot(

    </span>
    <span class="operationButton trigono-operator" data-button-symbol="trigo(Math.asin,">

    sin<sup>-1</sup>(</span>
    <span class="operationButton trigono-operator" data-button-symbol="trigo(Math.acos,">

    cos<sup>-1</sup>(</span>
    <span class="operationButton trigono-operator" data-button-symbol="trigo(Math.atan,">

    tan<sup>-1</sup>(</span>
    </span>

    </span>
    </div>

    <div class="button-area">
    <span class="button" id="visibility-toggler">

    ⇄</span><spanclass="button-pair">
    <span class="button bracketButton paired-button">(</span>

    <span class="button bracketButton paired-button">)</span>


    </span>

    <span class="button" id="del">DEL</span>


    <span class="button" id="ac">AC</span>
    <span class="button operationButton" data-button-symbol="Math.PI">π</span>
    <span id="sqrtBut" class="button toggle-visibility visible" data-button-symbol="√(">√</span>
    <span id="cubeRootButton" class="button toggle-visibility" data-button-symbol="³√(">³√</span>
    <span id="logButton" class="button operationButton" data-button-symbol="Math.log10(">log
    (</span>
    <span id="lnButton" class="button operationButton" data-button-symbol="Math.log(">ln (</span>
    <span class="button" id="powerButton" data-button-symbol="^(">x<sup>□</sup></span>
    <span class="button" id="squareBut">x<sup>2</sup></span>
    <span class="button" id="power-1">x<sup>-1</sup></span>
    <span class="button operationButton" data-button-symbol="/">÷</span>
    <span class="button numberButton input-button">7</span>
    <span class="button numberButton input-button">8</span>
    <span class="button numberButton input-button">9</span>
    <span class="button operationButton" data-button-symbol="*">×</span>
    <span class="button numberButton input-button">4</span>
    <span class="button numberButton input-button">5</span>
    <span class="button numberButton input-button">6</span>
    <span class="button operationButton" data-button-symbol="-">−</span>
    <span class="button numberButton input-button">1</span>
    <span class="button numberButton input-button">2</span>
    <span class="button numberButton input-button">3</span>
    <span class="button operationButton" data-button-symbol="+">+</span>
    <span class="button numberButton input-button">0</span>
    <span id="dot" class="button numberButton">.</span>
    <span class="button" id="ansButton">ANS</span>
    <span class="button" id="equalBut">=</span>
    </div>
    </div>
    </div>
    </div>
    </body>
    </html>

    You might also like