.NET\04_HtmlCssJavascript\05_BasicJquery.js

                
                    $(function () {
	// alert("Basic jQuery Javascript File loaded.");
    console.log("Basic jQuery Javascript File loaded.");
    
    $("h4").text("Şarkı Bilgileri");
    $("<hr />").insertAfter('h4');

    $('.cbYerliMi').prop('checked', false);

    $("#rb80").prop("checked", true);

    $("#tbAciklama").prop("placeholder", "Açıklama giriniz...");

    $("#bYazdir").click(function() {
        var sarki = $("#tbSarki").val();
        var sanatci = $('.ddlSanatci').val();

        var turlerString = "";
        var turler = $("#lbTurler").val();
        for (var tur of turler) {
            turlerString += tur + ", ";
        }
        if (turlerString.length > 0)
            turlerString = turlerString.substr(0, turlerString.length - 2);

        var yerliMi = $(".cbYerliMi").prop("checked");
        var yerliMiString = yerliMi ? "Yerli" : "Yabancı";

        var donem = $("input[name=rblDonem]:checked").val();

        var aciklama = $("#tbAciklama").val();

        var pSarkiBilgileri = $("#pSarkiBilgileri");
        var sarkiBilgileri = "";
        sarkiBilgileri += "<b>Şarkı:</b> " + sarki + "<br />";
        sarkiBilgileri += "<b>Sanatçı:</b> " + sanatci + "<br />";
        sarkiBilgileri += "<b>Türler:</b> " + turlerString + "<br />";
        sarkiBilgileri += "<b>Yerli / Yabancı:</b> " + yerliMiString + "<br />";
        sarkiBilgileri += "<b>Dönem:</b> " + donem + "<br />";
        sarkiBilgileri += "<b>Açıklama:</b> " + aciklama;
        pSarkiBilgileri.html(sarkiBilgileri);
        pSarkiBilgileri.css("color", "red");
    });

    $("#bTemizle").on("click", function() {
        $("#tbSarki").val("");
        $('.ddlSanatci').val("");
        $("#lbTurler").val([]);
        $('.cbYerliMi').prop('checked', false);
        $("#rb80").prop("checked", true);
        $("#tbAciklama").val("");
        $("#pSarkiBilgileri").html("");
    });
});