Scribd Logo
Upload

Welcome to Scribd!

  • Index-1 HTML

    Uploaded by

    gauravpatel7777g
    2 views3 pages

    Original Title

    index-1.html (2)

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

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

    Index-1 HTML

    Uploaded by

    gauravpatel7777g

    Copyright:

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

    <!

    DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link
    href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
    rel="stylesheet"
    integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/
    Dwwykc2MPK8M2HN" crossorigin="anonymous">
    <script
    src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"

    integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
    crossorigin="anonymous"></script>
    <link rel="stylesheet" href="index.css">
    <script src="index.js" defer></script>
    <title>Assignment2</title>
    </head>
    <body>
    <p class="d-inline-flex gap-1">
    <a class="btn btn-primary" data-bs-toggle="collapse"
    href="#multiCollapseExample1" role="button"
    aria-expanded="false" aria-controls="multiCollapseExample1">Toggle
    first element</a>
    <button class="btn btn-primary" type="button" data-bs-toggle="collapse"
    data-bs-target="#multiCollapseExample2"
    aria-expanded="false" aria-controls="multiCollapseExample2">Toggle
    second element</button>
    <button class="btn btn-primary" type="button" data-bs-toggle="collapse"
    data-bs-target=".multi-collapse"
    aria-expanded="false" aria-controls="multiCollapseExample1
    multiCollapseExample2">Toggle both elements</button>
    </p>
    <div class="row">
    <div class="col">
    <div class="collapse multi-collapse" id="multiCollapseExample1">
    <div class="card card-body">
    <label for="g1_q1_input">Input</label>
    <input type="text" name="numeric" id="g1_q1_input"
    onchange="group_1_choice_1()">
    <label for="g1_q1_output">Output</label>
    <input type="text" readonly id="g1_q1_output">
    </div>
    </div>
    </div>
    <div class="col">
    <div class="collapse multi-collapse" id="multiCollapseExample2">
    <div class="card card-body">
    <label for="g1_q3_input">Enter the length of squere</label>
    <input type="text" id="g1_q3_input"
    onchange="group_1_choice_3()">
    <label for="perimeter">Perimeter</label>
    <input type="text" name="perameter" id="g1_q3_output1">
    <label for="area">Area</label>
    <input type="text" name="area" id="g1_q3_output2">
    </div>
    </div>
    </div>
    </div>
    <div class="accordion" id="accordionExample">
    <div class="accordion-item">
    <h2 class="accordion-header" id="headingOne">
    <button class="accordion-button" type="button" data-bs-
    toggle="collapse" data-bs-target="#collapseOne"
    aria-expanded="true" aria-controls="collapseOne">
    <h3>Group_3_choice_1</h3>
    </button>
    </h2>
    <div id="collapseOne" class="accordion-collapse collapse show" aria-
    labelledby="headingOne"
    data-bs-parent="#accordionExample">
    <div class="accordion-body">
    <label for="g2_q1_input" >Enter the letter</label>
    <input type="text" id="g2_q1_input" onchange="
    group_2_choice_1()">
    <label for="g2_q1_output">Given letter is</label>
    <input type="text" name="ans" id="g2_q1_output">
    </div>
    </div>
    </div>
    <div class="accordion-item">
    <h2 class="accordion-header" id="headingTwo">
    <button class="accordion-button collapsed" type="button" data-bs-
    toggle="collapse"
    data-bs-target="#collapseTwo" aria-expanded="false" aria-
    controls="collapseTwo">
    <h3>Group_3_choice_3</h3>
    </button>
    </h2>
    <div id="collapseTwo" class="accordion-collapse collapse" aria-
    labelledby="headingTwo"
    data-bs-parent="#accordionExample">
    <div class="accordion-body">
    <label for="g2_q1_input">Enter the mumber</label>
    <input type="text" id="g2_q3_input" onchange=" group_2_choice_3()">
    <label for="g2_q1_output">Factorial</label>
    <input type="text" name="ans" id="g2_q3_output">
    </div>
    </div>
    </div>
    </div>
    </div>

    <div class="accordion" id="accordionExample">


    <div class="accordion-item">
    <h2 class="accordion-header" id="headingOne">
    <button class="accordion-button" type="button" data-bs-
    toggle="collapse" data-bs-target="#collapseOne"
    aria-expanded="true" aria-controls="collapseOne">
    <h3>Group3</h3>
    </button>
    </h2>
    <div id="collapseOne" class="accordion-collapse collapse show" aria-
    labelledby="headingOne"
    data-bs-parent="#accordionExample">
    <div class="accordion-body">
    <label for="g3_q2_input">Enter a number</label>
    <input type="text" name="input" id="g3_q2_input"
    onchange="group3_choice1()">
    <label for="g3_q2_output"></label>
    <input type="text" readonly id="g3_q2_output">
    </div>
    </div>
    </div>

    </body>
    </html>

    You might also like