index.html

<!DOCTYPE html>

<head>
    <!-- <script src = "jquery.js"/></script> -->
    <script src="http://code.jquery.com/jquery-3.0.0.slim.min.js"
            integrity="sha256-Rf4BadfyCtsvHmO89BUZcbYvNNvZvOT08ALfEzvCsD0="
            crossorigin="anonymous">
    </script>
    <!-- <script
            src = "https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"
            integrity = "sha256-xNjb53/rY+WmG+4L6tTl9m6PpqknWZvRt0rO1SRnJzw="
            crossorigin = "anonymous" >
    </script> -->
    <script
            src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous">
    </script>
    <link rel="stylesheet"
            href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
            integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
            crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">
    <title>Password Tester</title>
    <script src="passTest.js"></script>
    <script src = "zxcvbn.js"/></script>
</head>

<body>
    <div class="container">
        <h1>Password Strength Tester using <a href="https://www.usenix.org/conference/usenixsecurity16/technical-sessions/presentation/wheeler">zxcvbn</a></h1>
        <br>
        <h4>Please enter a password twice to check the strength...</h4>
        <div class="wrapper" style="width: 250px;">
            <br>
            <div class="content-main">
                <div class="form-group">
                    <label for="exampleInputPassword1">Password</label>
                    <input type="password" class="form-control" id="password1" placeholder="Password" size="50" maxlength="50">
                </div>
                <div class="form-group">
                    <label for="exampleInputPassword2">Re-type Password</label>
                    <input type="password" class="form-control" id="password2" placeholder="Password" size="50" maxlength="50">
                </div>
            </div>
            <input id="submitBtn" class="btn btn-default" type="submit" value="Submit">
        </div>
        <div id="results">
          <h4 id='msg'></h4>
          <p id="suggestions"></p>
          <p id="warning"></p>
        </div>
    </div>
</body>