Cara mengatur opacity text dari slider menggunakan javascript

Assalamu'alaikum wr wb,
kali ini saya akan share bagaimana Cara mengatur opacity text dari slider menggunakan javascript,
berikut ini syntaxnya.

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.1/jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
            $('#range').change(function() {
                $('#page_contents').attr('style', 'opacity:' + $('#range').attr('value')/100);
            });
    });
</script>

<input id="range" type="range" max='100' min='0' value='100' />

<div id="page_contents">
    <h1>Ini adalah contoh teks sederhana.</h1>
</div>

Semoga bermanfaat.
http://pangeran-it.blogspot.com/