String-Function-Calculator/1.html at main · KaranDarade/String-Function-Calculator · 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
<html>
    <head>
        <title>
            1st Page...
        </title>
    </head>
    <style type="text/css">
    body
    {
        background:#78c4c7;
        background-size: cover;
        background-attachment: fixed;
        text-align:center;
    }
    </style>
    <body>
        <form name=str action="">
            <h1><u>Enter strings to concatenate </u>:</h1>
            &nbsp;<br>
            &nbsp;<br>
        <input type="label" id="e1" value="Enter First String"> =<input type="text" id="txt1"><br>

        &nbsp;<br>
       <input type="label" id="e2" value="Enter Second String">=<input type="text" id="txt2"><br>
        &nbsp;<br>
        <input type="button" id="but" value="Concat" onclick="concat()">  <input type="Reset" id="re" value="Reset" onclick="document.forms.str.reset()/">
        &nbsp;<br>
        &nbsp;<br>
        <b>Combined String</b>=<input type="text" id="txt3"><br>
        &nbsp;<br>
        &nbsp;<br>

        <b><hr></b>
        <b><hr></b>
       <h1> <u>Enter string to find its length </u>:</h1>
        &nbsp;<br>
        &nbsp;<br>
        <input type="label" id="e3" value="Enter String"> =<input type="text" id="txt4"><br>
        &nbsp;<br>
        <input type="button" id="btn" value="Find" onclick="l()">  <input type="Reset" id="re1" value="Reset" onclick="document.forms.str.reset()/">
        &nbsp;<br>
        &nbsp;<br>
        <b>Length of entered string:</b><input type="text" id="txt5"><br>
       &nbsp;<br>
        <hr>
        &nbsp;<br>
        <input type="button" id="btnnxt" value="Next Page" onclick="next2()">
        </form>
        <script>
            function concat()
            {
                var a=document.getElementById("txt1").value
                var b=document.getElementById("txt2").value
                var c=a.concat(b);
                document.getElementById("txt3").value=c
            }
            function l()
            {
                var txt=document.getElementById("txt4").value
                var f=txt.length;
                document.getElementById("txt5").value=f

            }
            function next2()
            {
                 document.location.href="2.html";
            }
        </script>
    </body>
</html>