Wert von Eingabe-Nummer mit JQuery und Ändern von CSS

Question

Ich versuche, den Wert von dieser Eingabe Nummer und Rand-Radius oben links, aber es funktioniert nicht.

Answer 1

Denken Sie an Einheiten.

Hinweis: Sie müssen nicht erneut das input Element auswählen müssen innerhalb der css Funktion verwenden this Schlüsselwort statt.

$(document).ready(function() { 
 
    $('.br-left').on("change", function() { 
 
    $('#moon-photo').css('border-top-left-radius', $(this).val() + 'px'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=350%C3%97150&w=350&h=150" alt="Purple moon" id="moon-photo" /> 
 
<table> 
 
    <tr> 
 
    <th colspan="4">Control panel</th> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     <!-- trying to take value from that input --> 
 
     <input type="number" min="0" max="50" class="br-left" /> 
 
    </td> 
 
    </tr> 
 
</table>