Welcome aboard! We are happy you are here and wish you good net-raft!
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " type="text/javascript"></script>
<script src="/Script.js " type="text/javascript"></script>
</head>
<body>
<div style="border: 2px solid black;height: 50px;"></div>
<input type="range" name="radius" id="radius" value="0" min="0" max="20">
<script type="text/javascript">
$(document).on('input change', '#radius', function () {
var radius = $("#radius").val();
$('div').BorderRadius(radius);
});
</script>
</body>
</html>
// this will be placed in Script.js
(function ($) {
$.fn.BorderRadius = function (myradius) {
myradius = parseInt(myradius);
$(this).css('borderRadius', myradius);
return this;
};
})(jQuery);
The most helpful JQUERY solutions