While working on a code, I suddenly found myself unable to type in the input boxes. Despite trying everything, I still can't identify the cause. Below, you'll find all the code I've written since it could be related to anything. On an unrelated note, I've been struggling with editing the span tag that has the "createone" class in CSS. It doesn't respond correctly when using :hover. Any changes I make to its styling properties without :hover work fine, but as soon as I add :hover, it stops functioning.
<!DOCTYPE html>
<html>
<head>
<title>Log in box</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Ramabhadra' rel='stylesheet' type='text/css'>
... (More HTML Code)
</body>
</html>
CSS:
... (CSS Styles)Javascript:
//Username and passwords
var UserandPass = array[(
userResult === "CodeAcademy"
&&
passResult === "fun-coding"
||
...
$(document).ready(function() {
... (jQuery Functions)
});