如何將兩個書簽組合成一個以切換亮度？

Question

我希望通過單擊書簽欄中的書簽來將這些書簽組合成一個用於切換圖像亮度的書簽：

javascript:(function(){!function(e) {e.head.appendChild(e.createElement("style"))
  .innerText = ".img,img{-webkit-filter:brightness(50%)}"}(document)})()

和：

javascript:(function(){!function(e) {e.head.appendChild(e.createElement("style"))
  .innerText = ".img,img{-webkit-filter:brightness(100%)}"}(document)})()

我嘗試自己做，但我失敗了，因為我使用javascript已經很長時間了。 無論是編碼還是指向正確的方向，都可以獲得任何幫助。

謝謝！

Answer 1

它按“+”或“ - ”工作。 核實：

javascript :( function（d，b，s）{s = d.head.appendChild（d.createElement（“style”））; d.addEventListener（'keypress'，function（e）{if（e.key == '+'&& b <100）b + = 10;否則如果（e.key ==' - '&& b> 0）b- = 10; s.innerText =“。img，img {-webkit-filter：brightness（”+ b + “％）}”}）}）（文獻，100）

更新：

javascript :( function（d，id，b，s）{s = d.getElementById（id）; if（！s）d.head.appendChild（s = d.createElement（“style”））。id = id; b = s.brightness = 150-（s.brightness || 100）; s.innerText =“。img，img {-webkit-filter：brightness（”+ b +“％）}”}）（文檔，“bookmarklet-亮度”）

Answer 2

感謝@Artyom Shegeda的代碼，我設法通過使用以下代碼按“+”和“ - ”鍵將圖像亮度切換到50％和100％之間：

javascript:(function(d,b,s){
  s=d.head.appendChild(d.createElement("style"));
  d.addEventListener('keypress', function(e){
    if (e.key=='+'&&b<100)
       b+=50;
    else if (e.key=='-'&&b>50)
       b-=50;
    s.innerText = ".img,img{-webkit-filter:brightness("+b+"%)}"
  })
})(document,100)