웹툰 애니, 북마크... 몇 화까지 봤더라??? 오늘은 월요일이니까...

최신 애니나 웹툰의 경우 나오는 족 족 보면 되기에, 몇 화까지 봤는가 기억 할 필요는 없지만,

고전이나 추억 그리고 명화의 경우 일일히 기억하기 힘들다.

그래서... 기존의 코드를 응용, 북마크 하나를 더 만들었다.

2022.10.23 - [각 종 it/티스토리 등 프로그래밍] - 티스토리 북마크 만들자 opengraph? 그런거 안 쓸란다~

티스토리 북마크 만들자 opengraph? 그런거 안 쓸란다~

이 것은 마음에 드는 작품을 북마크하는 기능인 반면,

 

요것은

저 메모 버튼에 봤던 화수를 기입하거나,

아무 글자나 띄어쓰기를 누르면 봤던 날짜를 기입하는 기능이다.

 

사실 이 기능 자체는 별 놀라운 것은 아니지만,

저것을 응용 해당 날짜, 즉, 요일이 되는 웹툰을 알려주는 역할도 한다.

사람마다, 사이트마다 주기적으로 올라오는 날짜가 다르기에

직접 입력하도록 만들었다.

 

뭐, 여기다 올라가는 버튼을 더블클릭하면 최상위로 올라가는 기능을 넣었다든지 했다.

 

화면 크기가 바뀌면, 여러가지 지형지물을 옮길 수 있으나 그 것은 귀찮아서 다음에 할란다.

웹투니 (tistory.com)

웹투니

 

 

그래서 오늘 만들었다.

오늘 지난 주에 봤던 요일이 되면, 이렇게 붉게 표시한다.

북마크 지우고 싶으면, 하얀 처자를 누르면 되고, 그래도 날짜는 안 지워지게~

 <script type="text/javascript">

var d = new Date();

var week = new Array('일', '월', '화', '수', '목', '금', '토');

var Bzemok = zemok;

var Bzemok_ = Bzemok+'_Bimg';

var Bzemok_url = Bzemok+'_Burl';

for(let i = 0; i < window.localStorage.length; i++) {

  const key = window.localStorage.key(i);//키 이름

  const value = window.localStorage.getItem(key);//키 값

  var keyS= key.split("_");

  if(keyS[1]==="Burl" || keyS[1]==="time"){

  var Burl = localStorage.getItem(keyS[0]+"_Burl");//이동 링크

  var Bimg = localStorage.getItem(keyS[0]+"_Bimg");//이미지 주소

  var char = localStorage.getItem(keyS[0]+'_D');//요일

  if(week[d.getDay()] == char && key == keyS[0]+'_time' && Burl != null){

    document.write("<a href="+Burl+"><img title="+keyS[0]+" src="+Bimg+" class='radious_'></img></a>");

  }else if(char == null){

    document.write("<a href="+Burl+"><img title="+keyS[0]+" src="+Bimg+" class='radious'></img></a>");

  }

  }

}

</script>  

 

마음이 심란하여 복잡하게 짜봤다.

일일히 조건을 걸 필요 없이,

한번에 나열하고, 나중에 그 조건에 맞는 클래스만 바꿔도 되지만...

 

한번 노는 심정으로 만들었다.