İlk resimi değiştirdim fakat görüntülemiyor kırık görünüyor..

<script> src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>



















<script>
$(".target").change(function() {
var renk= $(".renk").val();
var yas= $(".yas").val();
if(renk === "mavi" && yas === "56"){
$(".resim").attr('src','http://localhost/amonhas/resimler/56mavi.jpg')
}
if(renk === "kırmızı" && yas === "12"){
$(".resim").attr('src','https://via.placeholder.com/300/ff0000?text=12')
}
if(renk === "mavi" && yas === "12"){
$(".resim").attr('src','https://via.placeholder.com/300/0048ff?text=12')
}
if(renk === "kırmızı" && yas === "56"){
$(".resim").attr('src','https://via.placeholder.com/300/ff0000?text=56')
}

});
</script>