如何获取旧价值和新价值并进行比较

Question

我正在编写一段代码，但不确定它是否正确。

我想从我的账户中读取余额，如果余额比以前高，我会采取措施。

以下是我迄今为止所做的：

var prof = document.getElementsByClassName('styles__Content-rlm06o-1 ixoRjG')[0].childNodes[0].data / 500;  // balance field
if (document.getElementsByClassName('styles__Content-rlm06o-1 ixoRjG')[0].childNodes[0].data >= 0) // if balance is higher than 0
document.getElementsByClassName('Link-q08rh0-0 fODGkp')[0].click();
document.getElementsByClassName('NavLink__StylesNavLink-sc-140hi5a-0 etHlta')[3].click();
document.getElementsByClassName('Button__StyledButton-sc-8bd3dp-0 fGwihv')[0].click(); // click trezor
document.getElementsByClassName('styles__InputField-ix7z99-3 gQVvYS')[0].value= prof; // enter the amount
document.getElementsByClassName('Button__StyledButton-sc-8bd3dp-0 fbjzSA')[0].click(); // click button

Answer 1

1. 据我所知，您在项目中使用CSS模块，您的代码依赖于运行时生成的CSS名称，问题是每次构建或运行项目时，所有CSS名称都会通过新后缀再次生成。而这个代码将不起作用。也就是说，在您的下一个构建中，这个CSS类styles__Content-rlm06o-1 ixoRjG将被更改为类似styles__Content-rsg876o-1 sd07gs的其他类。因此，解决方案是为您需要的每个元素使用唯一的id
2. 您应该将以前的余额存储在每张支票中，并将其与该值进行比较。

   var prevValue = 0;
   var prof = document.getElementsByClassName('styles__Content-rlm06o-1 ixoRjG')[0].childNodes[0].data / 500;  
   //ballance field
   var balance = document.getElementsByClassName('styles__Content-rlm06o-1 ixoRjG')[0].childNodes[0].data;
   if (balance >= prevValue) {  //if ballance is higher than 0
   document.getElementsByClassName('Link-q08rh0-0 fODGkp')[0].click();
   document.getElementsByClassName('NavLink__StylesNavLink-sc-140hi5a-0 etHlta')[3].click();
   document.getElementsByClassName('Button__StyledButton-sc-8bd3dp-0 fGwihv')[0].click();
   
   oldValue = balance;
   }