javascript - 通过下拉菜单更改图像的不透明度

Question

我必须使用包含 0%-100% 百分比的下拉菜单来更改图像的不透明度，因为我这周才开始使用 javascript(并且理想情况下应该使用 addEventListeners)我不是真的确定从哪里开始。

Answer 1

如果你可以使用 jQuery，这样的东西应该可以工作。

$(document).on('change', '#task3control') { 
var percent = $(this).find('option:selected').text().replace('%', '');
var decimal = parseFloat(percent) / 100; 
$('#tardis').css('opacity', decimal);
});