How can i make this Keyfunction and onload function to work?

Question

Hi i using this code to highlight the input value when window on load and keyup

Currently only keyup is working - not works when the window is loaded

$(document).ready(function(){
    $(".titleinput").keyup(function() {
        if ($(this).val().length > 10) {
            $(this).css("color", "red");
        } else {
            $(this).css("color", "#555");
        }
    });
});

Answer 1

Here is the working demo : https://codepen.io/creativedev/pen/QxqJmg

JS

var init = function () {  
    if ($('.titleinput').val().length > 10) {
        $('.titleinput').css("color", "red");
    } else {
        $('.titleinput').css("color", "orange");
    }
}

window.onload = init;
$(".titleinput").keyup(init);