Javascript does not work on Safari

Question

My code is working in Chrome, but in Safari it doesn’t go through any if else and goes straight to the else.

//FUNÇÃO PARA ATIVAR NA SELEÇÃO DOS DROPBOX
var selecao= document.querySelectorAll('.validation-lenient'); 
function handleClick (event)
{

//IDENTIFICAÇÃO DO CAMPO SOMA PELO ID DO FORMULARIO HTML
var soma = document.getElementById('campo-soma').innerText;

//PREENCIMENTO DO CAMPO SOMA
var camposoma = document.querySelector('[name="field46[]"]').value = soma;

//VARIAVEL IF PARA PREÇO COM BASE NAS SOMAS DOS PESOS ANTERIORES
if (camposoma == "2 2 50 Almoço") {
      nomefesta = "Festa VIP";
      nomefesta2 = "Festa TOP";
      tabelaprazo = "TABELA | PRAZO(10%) | AVISTA (15%)";
      precoVip = " valor | valor | valor";
      precoTop = " valor | valor | valor";
  }
else if (camposoma == "2 2 60 Almoço") {
      nomefesta = "Festa VIP";
      nomefesta2 = "Festa TOP";
      tabelaprazo = "TABELA | PRAZO(10%) | AVISTA (15%)";
      precoVip = " valor | valor | valor";
      precoTop = " valor | valor | valor";
  }
else {
    precoVip = "não se aplica";
    precoTop = "não se aplica";
}

//PREENCIMENTO DO CAMPO ORÇAMENTO
var campoorcamento = document.querySelector('[name="field51[]"]').value = precoVip;
var campoorcamento = document.querySelector('[name="field52[]"]').value = precoTop;
var campoorcamento = document.querySelector('[name="field58[]"]').value = nomefesta;
var campoorcamento = document.querySelector('[name="field63[]"]').value = nomefesta2;

}
//FIM DA FUNÇÃO DOS DOS DROPBOX
selecao.forEach(function(item){
item.addEventListener('click', handleClick, {once: false});
});

Answer 1

It shouldn’t be working even in Chrome (or any other browser), because you’re comparing an element to a string, see:

if (camposoma == "2 2 50 Almoço") {

The variable camposoma was previously declared as an object:

var camposoma = document.querySelector('[name="field46[]"]').value = soma;

See that this variable references the element document.querySelector('[name="field46[]"]'), not at its value, although it is doing two things at the same time: declaring the variable and changing the value of the element.

Another possible compatibility problem is in the use of .innerText. Exchange for .textContent. You may also need to use the .trim() to remove possible spaces before and after the string. It would:

var soma = document.getElementById('campo-soma').textContent.trim();

Regarding the if’s, put .value after camposoma to return the value of the element:

if (camposoma.value == "2 2 50 Almoço") {
      nomefesta = "Festa VIP";
      nomefesta2 = "Festa TOP";
      tabelaprazo = "TABELA | PRAZO(10%) | AVISTA (15%)";
      precoVip = " valor | valor | valor";
      precoTop = " valor | valor | valor";
  }
else if (camposoma.value == "2 2 60 Almoço") {
      nomefesta = "Festa VIP";
      nomefesta2 = "Festa TOP";
      tabelaprazo = "TABELA | PRAZO(10%) | AVISTA (15%)";
      precoVip = " valor | valor | valor";
      precoTop = " valor | valor | valor";
  }
else {
    precoVip = "não se aplica";
    precoTop = "não se aplica";
}