Failed setting text and TypeError

Ask the community
,
1

hi, When I select any option from a drop-down menu or click on a button I get these two errors,

-Failed setting text: TypeError: Cannot read property ‘replace’ of undefined
-TypeError: Cannot read property ‘compId’ of undefined

and I’m not sure why, since everything works as it should.

This is the code on page:

import wixData from “wix-data”;

$w.onReady( function () {

} );

//SEARCH BOX & FILTER…
$w.onReady(() => {
$w(‘#dataset1’).onReady(() => {
count();

   $w('#dropdown1 , #dropdown2 , #dropdown3 , #dropdown4, #dropdown5').onChange(() => { 
        search(); 
    }) 
    $w('#button3').onClick(() => { 
        $w('#dropdown1 , #dropdown2 , #dropdown3 , #dropdown4,#dropdown5').value = ""; 
        $w('#dataset1').setFilter(wixData.filter()) 
            .then(count); 
    });

function search() {
let filter = wixData.filter();
let dispplaya = $w(“#dropdown1”).value;
let type = $w(“#dropdown2”).value;
let rarity = $w(“#dropdown3”).value;
let faction = $w(“#dropdown4”).value;
let kagquin = $w(“#dropdown5”).value;

if (dispplaya && dispplaya !== ‘all’) {
filter = filter.eq(“playableDispatch”, dispplaya);
}
if (type && type !== ‘all’) {
filter = filter.eq(“types”, type);
}
if (rarity && rarity !== ‘all’) {
filter = filter.eq(“r”, rarity);
}
if (faction && faction !== ‘all’) {
filter = filter.eq(“faction”, faction);
}
if (kagquin && kagquin !== ‘all’) {
filter = filter.eq(“title”, kagquin);
}
$w(‘#dataset1’).setFilter(filter)
.then(count);
}

function count() {
let total = $w(‘#dataset1’).getTotalCount();
if (total > 0) {
$w(‘#text56’).text = ${total} result has found.;
} else {
$w(‘#text56’).text = “No result found!”;
}
}

});
});

//Buttons…
export function button7_click(event) {
//Add your code for this event here:
$w(“#skillb”).enable();
$w(“#skill2b”).disable();
$w(“#awakeningsb”).enable();
$w(“#lv1”).collapse();
$w(“#skilllv1”).collapse();
$w(“#lv2”).collapse();
$w(“#skilllv2”).collapse();
$w(“#lv3”).collapse();
$w(“#skilllv3”).collapse();
$w(“#lv4”).collapse();
$w(“#skilllv4”).collapse();
$w(“#lv5”).collapse();
$w(“#skilllv5”).collapse();
$w(“#awaksb”).collapse();
$w(“#skill2”).expand();
$w(‘#line3’).collapse();
$w(‘#line5’).collapse();
$w(‘#line6’).collapse();
$w(‘#line7’).collapse();
}
export function button6_click(event) {
//Add your code for this event here:
$w(“#skillb”).enable();
$w(“#skill2b”).enable();
$w(“#awakeningsb”).disable();
$w(“#lv1”).collapse();
$w(“#skilllv1”).collapse();
$w(“#lv2”).collapse();
$w(“#skilllv2”).collapse();
$w(“#lv3”).collapse();
$w(“#skilllv3”).collapse();
$w(“#lv4”).collapse();
$w(“#skilllv4”).collapse();
$w(“#lv5”).collapse();
$w(“#skilllv5”).collapse();
$w(“#awaksb”).expand();
$w(“#skill2”).collapse();
$w(‘#line3’).collapse();
$w(‘#line5’).collapse();
$w(‘#line6’).collapse();
$w(‘#line7’).collapse();
}
export function button8_click_1(event) {
//Add your code for this event here:
$w(“#skillb”).disable();
$w(“#skill2b”).enable();
$w(“#awakeningsb”).enable();
$w(“#lv1”).expand();
$w(“#skilllv1”).expand();
$w(“#lv2”).expand();
$w(“#skilllv2”).expand();
$w(“#lv3”).expand();
$w(“#skilllv3”).expand();
$w(“#lv4”).expand();
$w(“#skilllv4”).expand();
$w(“#lv5”).expand();
$w(“#skilllv5”).expand();
$w(“#awaksb”).collapse();
$w(“#skill2”).collapse();
$w(‘#line3’).expand();
$w(‘#line5’).expand();
$w(‘#line6’).expand();
$w(‘#line7’).expand();
}

//Expand/Collapse Containers…
export function dropdown1_change(event){
if ($w(‘#dropdown1’).value === ‘Dispatch’) {
$w(‘#sfullskills’).collapse();
$w(‘#conflictabilities’).expand();
$w(‘#conflictstats’).collapse();
$w(‘#linkeffect’).expand();
}
else {
$w(‘#sfullskills’).expand();
$w(‘#conflictabilities’).collapse();
$w(‘#conflictstats’).expand();
$w(‘#linkeffect’).collapse();
}
}

//Button “clear filters”
export function button3_click(event){
$w(‘#conflictabilities’).collapse();
$w(‘#sfullskills’).expand();
$w(‘#linkeffect’).collapse();
}

I appreciate any help. Thank you!