谁能帮我写段简单的 JS 参考一下？类似收藏的功能。

每个标题旁边有个收藏的图标，比如星星。
打开页面时候是灰色的，代表没有收藏，点下一个标题旁的星星会变亮（变成黄色），刷新以后，这个星星还是亮的，再点一次就变灰。就类似这种代码，简单点，参考一下，谢了~或者帮我讲解一下？
如果点了这条新闻旁边的星星，那么这条新闻就被收藏了，这个标题旁边的星星就变亮。
下面这段代码可以正常收藏数据，但是星星的灰和黄的状态不会被保存，所以我想找段代码参考一下。


var _name = JSON.parse(localStorage.favorites);
var is_name = ~$.inArray(test_name, _name);
$('.test').append('<a class="start" data-active="'+(is_name ? 'true' : 'false')+'" style="color: '+(is_name ? 'yellow' : 'grey')+'; ">★</span>');
$('.start').on('click', function(e) {
e.preventDefault();
if (!$(this).data('active')) {
aname.add(this).render();
$(this).css('color', 'yellow');
$(this).data('active', true);
} else {
aname.remove(this).render();
$(this).css('color', 'grey');
$(this).data('active', false);
}