Javascript не работает. сравнение строк и изменение содержания id

Question

У меня есть код javascript, который должен получить содержимое div. а затем сравните с строкой, и если они равны, измените содержимое этого div.

var strs = document.getElementById('prodAvailable').innerHTML.toLowerCase(); 
 
var stra = "GS2023".toLowerCase(); 
 
if(stra == strs) { 
 
document.getElementById('prodAvailable').innerHTML = "milk"; 
 
}

<div id="prodAvailable" class="Value"> GS2023 </div>

Answer 1

он не работает, потому что строка в вашем DIV имеет пробелы в начале и в конце строки. вы можете обрезать строку перед сравнением.

var strs = document.getElementById('prodAvailable').innerHTML.toLowerCase().trim(); 
 
var stra = "GS2023".toLowerCase(); 
 
if (stra == strs) { 
 
    document.getElementById('prodAvailable').innerHTML = "milk"; 
 
}

<div id="prodAvailable" class="Value"> GS2023 </div>