首页 > 解决方案 > 如何在 javascript chrome 扩展中使用 If 语句

问题描述

我有一个 chrome 扩展(游戏),我正在实现一个后退按钮。该按钮有效,但是当我尝试每 5 次弹出一个弹出窗口时,它不起作用。

目前这是我的代码:

window.onload = function() {myFunction()};
function myFunction() {
  
  if (localStorage.getItem('back') === null) {
  localStorage.setItem('back', 0)
  
}



document.addEventListener('DOMContentLoaded', function() {
var Undo = document.getElementById('undo');
Undo.addEventListener('click', function() {


if (localStorage.getItem('back') > 1) {
  local = localStorage.getItem('back')
  localStorage.setItem('back', local - 1)
  handle_undo();
} else {
  localStorage.setItem('back', '5')
  // just to display if it works:
  document.write(localStorage.getItem('back'));
}

});})
<button class="undo-button" id="undo"  target="_blank">UNDO</button>

我想要得到的是:

在此先感谢,-弗雷德

标签: javascriptgoogle-chrome-extension

解决方案


我想通了:我只需要说如果 localstorage 不大于 1,请将其设置为 5,如果它为 null 则有效

document.addEventListener('DOMContentLoaded', function() {
document.getElementById('undo').addEventListener('click', function() {

if (localStorage.getItem('back') > 1) {
  local = localStorage.getItem('back')
  localStorage.setItem('back', local - 1)
  handle_undo();
} else {
  localStorage.setItem('back', '5')
}

});})
<button class="undo-button" id="undo"  target="_blank">UNDO</button>

谢谢你们的帮助!


推荐阅读