JavaScriptBasics/index.html at master · NithinSangsi/JavaScriptBasics · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>NITHIN JS</title>
    <link rel ="stylesheet" href="styles.css">
</head>
<body>
    <!-- <h1>Jai Sree Ram</h1> -->
    <!-- <h1 id="myh1"></h1>
    <p id="myp"></p> -->
    <!-- <p id="p1"></p>
    <p id="p2"></p>
    <p id="p3"></p> -->
    <!-- <h1 id="myh1">Welcome</h1>
    <label>username :</label>
    <input id="mytext"><br><br>
    <button id="mysubmit">Submit</button> -->
    <!-- <h1 id="myh1">Enter the radius of circle:</h1>
    <label>radius</label>
    <input type ="text" id="mytext"><br><br>
    <button id="mysubmit">Submit</button>
    <h3 id="myh3"></h3> -->
                  <!-- COUNTER PROGRAM -->
            <!-- <label id="countlabel">0</label><br>
            <div id="btncontainer">
                <button id="decreasebtn" class="buttons">Decrease</button>
                <button id="resetbtn" class="buttons">Reset</button>
                <button id="increasebtn" class="buttons">Increase</button>
            </div> -->
                          <!-- RANDOM NUMBER GENARATING ROLL -->
            <!-- <button id="mybtn">Roll</button><br>       1 ROLL
            <label id="mylabel"></label> -->
                <!--<button id="mybtn">Roll</button><br>           3 ROLL
                    <label id="label1" class="mylabels"></label><br>
                    <label id="label2" class="mylabels"></label><br>
                    <label id="label3" class="mylabels"></label><br> -->
                                            <!-- IF -ELSEIF -ELSE -->
                            <!-- <label>Enter Your Age:</label><br><br>
                            <input type ="text" id="mytext"><br><br>
                            <button type="submit" id="mysubmit">Submit</button>
                            <p id="resultelement"></p> -->
                    <!-- CHECKED PROPERTY
            <input type="checkbox" id="mycheckbox">
            <label for="mycheckbox">Subscribe</label><br><br>

            <input type="radio" id="visabtn" name="card">
            <label for="visabtn">Visa</label><br>
            <input type="radio" id="mastercardbtn" name="card">
            <label for="mastercardbtn"></label>MasterCard<br>
            <input type="radio" id="paypalbtn" name="card">
            <label for="paypalbtn"></label>PayPal<br><br>
            <button type="submit" id="mysubmit">Submit</button>
            <p id="subresult"></p>
            <p id="paymentresult"></p> -->
            <!-- TEMPERATURE CONVERSIN PROGRAM -->
                        <!-- <form>
                            <h1>TEMPERATURE CONVERSION</h1>
                            <input type="number" id="textbox"  value="0"><br>
                            <input type="radio" id="tofahrenheit"  name="unit">
                            <label for="tofahrenheit">celsius➡️fahrenheit</label><br>
                            <input type="radio" id="tocelsius"  name="unit">
                            <label for="tocelsius">fahrenheit➡️celsius</label><br>
                            <button type="button" onclick="convert()">Submit</button>
                            <p id="result"></p>
                        </form> -->
                        <!-- DICE ROLLER PROBLEM -->
    <!-- <div id="container">
        <h1>DICE ROLLER GAME</h1>
        <label>NO OF DICE:</label>
        <input type="number" id="ndice" value="1" min="1">
    <button onclick="rolldice()">ROLL DICE</button>
    <div id="diceresult"></div>
    <div id="diceimage"></div>
    </div>  -->
          <!-- CALLBACK -->
          <!-- <h1 id="myh1"></h1>-->

          <!-- START OF INDEX1.JS -->
                    <!-- CALCULATOR -->
        <!-- <h1>SIMPLE CALCULATOR</h1> -->
        <!-- <div id="cal">
            <p class="name">TAKE CALCULATIVE RISKS IN LIFE</p>
            <input id="display" readonly>  <--readonly is attribute>
            <div id="keys">
                <button onclick="appendToDisplay('+')" class="oper">+</button>
                <button onclick="appendToDisplay('7')">7</button>
                <button onclick="appendToDisplay('8')">8</button>
                <button onclick="appendToDisplay('9')">9</button>
                <button onclick="appendToDisplay('-')" class="oper">-</button>
                <button onclick="appendToDisplay('4')">4</button>
                <button onclick="appendToDisplay('5')">5</button>
                <button onclick="appendToDisplay('6')" >6</button>
                <button onclick="appendToDisplay('*')" class="oper">*</button>
                <button onclick="appendToDisplay('1')">1</button>
                <button onclick="appendToDisplay('2')">2</button>
                <button onclick="appendToDisplay('3')" >3</button>
                <button onclick="appendToDisplay('/')" class="oper">/</button>
                <button onclick="appendToDisplay('0')">0</button>
                <button onclick="appendToDisplay('.')">.</button>
                <button onclick="calculate()">=</button>
                <button onclick="cleardisplay()" class="oper">C</button>


            </div>
        </div>  -->
          <!-- <script src="index1.js"></script>       -->
    <script src="index.js"></script>
</body>
</html>