WebUtility-Apps/md5hashgenerator.html at master · sanchit2812/WebUtility-Apps · 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
<!DOCTYPE html>
<html lang="en">
<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>MD5 Hash Generator</title>
    <link rel="stylesheet" href="index.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.js"></script>


    <script>
        window.onload = ()=>{

        const md5input = document.querySelector("#md5-input-id");
        const md5output = document.querySelector("#md5-output-id");
        const md5generatebtn = document.querySelector("#md5-encode-button-id");

            md5generatebtn.onclick = event =>{
              const hash = CryptoJS.MD5(md5input.value);
                md5output.value = hash.toString(CryptoJS.enc.Hex);
            };
        };
    </script>


    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Arvo&family=Lato:wght@300&display=swap" rel="stylesheet">

</head>

<body class="index-body" style="font-family: 'Arvo', serif;">

  <header class="header-class" >
    <section class="header-section-class">

        <div class="navbar">
            <a href="index.html">Home</a>

            <div class="dropdown">
              <button class="dropbtn">Encoder/Decoders
                <i class="fa fa-caret-down"></i>
              </button>
              <div class="dropdown-content">
                <a href="urlEncoderDecoder.html">URL Encoder/Decoder</a>
                <a href="base64EncoderDecoder.html">Base64 Encoder/Decoder</a>
                <a href="md5hashgenerator.html">MD5 Hash Generator</a>
                <a href="sha1hashgenerator.html">SHA-1 Hash Generator</a>
                <a href="sha256hashgenerator.html">SHA-256 Hash Generator</a>
                <a href="sha512hashgenerator.html">SHA-512 Hash Generator</a>
              </div>
            </div>

            <div class="dropdown">
                <button class="dropbtn">RGB/HEX
                  <i class="fa fa-caret-down"></i>
                </button>
                <div class="dropdown-content">
                  <a href="rgbHex.html">RGB to HEX Converter</a>
                  <a href="hexRgb.html">HEX to RGB Converter</a>
                </div>
              </div>

              <div class="dropdown">
                <button class="dropbtn">Timestamp Converter
                  <i class="fa fa-caret-down"></i>
                </button>
                <div class="dropdown-content">
                  <a href="epochtodate.html">Epoch Time to Human Date</a>
                  <a href="datetoepoch.html">Human Date to Epoch Time</a>
                </div>
              </div>
              <!-- <a href="language.html">Language Translator</a> -->
              <a href="unitConverter.html">Unit Converter</a>
              <a href="numberBaseConverter.html">Number Base Converter</a>
              <a href="stringTools.html">String Tools</a>
              <!-- <a href="stopwatch.html">Stopwatch</a>
              <a href="countdown.html">Countdown Timer</a>
              <a href="getip.html">Get Your IP</a> -->

          </div>

    </section>
</header>


<main class="container">
<h2>MD5 Hash Generator</h2>
    <div class="flex-box-container-2">
        <input type="text" id="md5-input-id" class="url-input-class" placeholder="Enter a string like : Sanchit's Tools are cool!">
        <input type="text" id="md5-output-id" class="url-input-class" >
    </div>
    <br>
    <input type="button" id="md5-encode-button-id" class="button-class" value="Generate">
<br><br><br>
This MD5 hash generator is useful for encoding passwords, credit cards numbers and other sensitive date into MySQL, Postgress or other databases. PHP programmers, ASP programmers and anyone developing on MySQL, SQL, Postgress or similar should find this online tool an especially handy resource.
<br><br>
<h2>What is an MD5 hash?</h2>
An MD5 hash is created by taking a string of an any length and encoding it into a 128-bit fingerprint. Encoding the same string using the MD5 algorithm will always result in the same 128-bit hash output. MD5 hashes are commonly used with smaller strings when storing passwords, credit card numbers or other sensitive data in databases such as the popular MySQL. This tool provides a quick and easy way to encode an MD5 hash from a simple string of up to 256 characters in length.<br><br><br>
MD5 hashes are also used to ensure the data integrity of files. Because the MD5 hash algorithm always produces the same output for the same given input, users can compare a hash of the source file with a newly created hash of the destination file to check that it is intact and unmodified.<br><br><br>An MD5 hash is NOT encryption. It is simply a fingerprint of the given input. However, it is a one-way transaction and as such it is almost impossible to reverse engineer an MD5 hash to retrieve the original string.
</main>

<footer class="footer-class">
  <p>Copyright &copy; 2021 Sanchit's Tools.</p>
</footer>

</body>
</html>