如何将两个小书签合二为一来切换亮度？

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:(函数(d,b,s){s=d.head.appendChild(d.createElement("style"));d.addEventListener('keypress',function(e){if (e.key=='+'&&b<100)b+=10;else if(e.key=='-'&&b>0)b-= 10;s.innerText = ".img,img{-webkit-filter:brightness("+b+"%)}"})})(文档,100)

更新：

javascript:(函数(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-brightness")

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)

如何将两个小书签合二为一来切换亮度？

How do you combine two bookmarklets into one to toggle brightness?

html

javascript

css

bookmarklet