Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- $(document).ready(function(){
- //Character count
- $("#message").on("keyup", function(){
- console.log("keyup happened");
- var charCount = $("#message").val().length;
- console.log(charCount);
- $("#charCount").html("Characters: " + charCount);
- $("#charCount").css("color", "black");
- if(charCount > 50) {
- $("#message").css("background-color", "pink");
- $("#message").css("border-color", "red");
- }
- else {
- $("#message").css("background-color", "#f0f0f0");
- $("#message").css("border-color", "black");
- };
- });
- //Comment display
- $("#submitButton").on("click", function(){
- console.log("clicked");
- var comment = $("#message").val();
- console.log(comment);
- $("#visible-comment").css("color", "yellow");
- $("#visible-comment").css("font-size", "40px");
- $("#visible-comment").html(comment.toUpperCase() + "!!!");
- return false;
- });
- //Table
- var rows = $(".my-row");
- for(var i=0; i<rows.length; ++i) {
- if (i%2===1) {
- $(rows[i]).css("background-color", "#f0f0f0");
- };
- };
- }); // here we close the doc ready. no more code below here
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement