[JavaScript]Filtrowanie danych - if - else Opcje

[php11]

Cześć,

korzystam z tego: https://stackoverflow.com/questions/4858572...586061#48586061


Filtrowanie działa pięknie, choć samo działanie nie do końca to ogarniam ;-)
Chciałbym wyswietlić informację, gdy zwracany wynik nie wyświetla nic (podany przykład zawsze zwraca jakąś wartość figur).

Kombinowałem cos jak poniżej dla color oraz shape, ale nie działa

[PHP] pobierz, plaintext 
if (color) {
    Array.from(cards).filter(card => !card.classList.contains(color)).forEach(card => card.classList.add('hidden'))
    moja_let = true;
} else {
    moja_let = false;
}
[PHP] pobierz, plaintext 

Naprowadzicie mnie na rozwiązanie?
Dzięki!

[trueblue]

A możesz opisać co dokładnie chcesz osiągnąć?
Podany przykład filtruje elementy, które nie mają określonej klasy i nadaje im klasę 'hidden'.

[php11]

Dzięki za szybka i konkretna odpowiedź
Już się poprawiam :-)

Dodałem do selectów: gold oraz circle

[HTML] pobierz, plaintext 
<label>Choose the color
	<select id="selectColor" onchange="colorType();">
		<option value=""></option>
		<option value="gold">Gold</option>
		<option value="blue">Blue</option>
		<option value="red">Red</option>
	</select>
</label>
<label>Choose the shape
	<select id="selectShape" onchange="shapeType();">
		<option value=""></option>
		<option value="circle">Circle</option>
		<option value="round">Round</option>
		<option value="square">Square</option>
	</select>
</label>
[HTML] pobierz, plaintext 

Gdy wybieram je oba (lub pojedynczo) nie dzieje się nic, bo nie dodałem div-ów z tymi klasami.

Gdy wybranie selecta generuje 0 wyników chcę wyświetlic komunikat: zmień wybór
Tylko i aż tyle ;-)

[trueblue]

[HTML] pobierz, plaintext 
<label
  >Choose the color
  <select id="selectColor">
    <option value=""></option>
    <option value="gold">Gold</option>
    <option value="blue">Blue</option>
    <option value="red">Red</option>
  </select>
</label>
<label
  >Choose the shape
  <select id="selectShape">
    <option value=""></option>
    <option value="circle">Circle</option>
    <option value="round">Round</option>
    <option value="square">Square</option>
  </select>
</label>
 
 
<span class="gold round">gold round</span>
<span class="gold square">gold square</span>
<span class="red square">red round</span>
[HTML] pobierz, plaintext 

Kod

document.addEventListener("change", function (e) {
  if (
    e.target.tagName === "SELECT" &&
    (e.target.id === "selectColor" || e.target.id === "selectShape")
  ) {
    let chosen = []

    if (
      document.getElementById("selectColor").value !== "" &&
      document.getElementById("selectShape").value !== ""
    ) {
      chosen = document.querySelectorAll(
        "." +
          document.getElementById("selectColor").value +
          "." +
          document.getElementById("selectShape").value,
      )

      if (chosen.length === 0) {
        alert(1)
      }
    }
  }
})