Блог

То, что я пытаюсь сделать, это когда я ввожу название продукта и выбираю его атрибут, и щелчок по нему должен удалить изображение, соответствующее критериям, которые я упомянул. Тем не менее, я набираю cookie и выбираю фрукты, а изображение все еще удаляется, и я не могу понять, почему. Иллюстрацией того, что я пытаюсь сделать, является HTML-код

 Name of Food: <input id="foodname" type="text" />
        Food Group:
            <select id="foodgroup">
                <option>fats</option>
                <option>fruit</option>
                <option>meat</option>
                <option>veggies</option>
                <option>dairy</option>
            </select>
            <button id="eat" onclick="Hide()"> Eat!</button>
    </div>
        <p>
            <img src="images/cookie.jpg" name="cookie" id="cookie" alt="fats" />
            <img src="images/apple.jpg" name="apple" id="apple" alt="fruit" />
            <img src="images/broccoli.jpg" name="broccoli" id="broccoli" alt="veggies" />
            <img src="images/tomato.jpg" name="tomato" id="tomato" alt="fruit" />
            <img src="images/drumstick.jpg" name="steak" id="steak" alt="meat" />
            <img src="images/milkjug.jpg" name="milk" id="milk" alt="dairy" />
            <img src="images/potatochips.jpg" name="chips" id="chips" alt="fats" />
        </p>
  

Это Js-код

 function $(id){
  return document.getElementById(id);
}

function Hide(){
    Hide1();
}
function Hide1(){
    var foods = $("foodname").value;
    var sel1 = $("foodgroup").options[0].value;
    var aaa = $("cookie").name;
    var aa = $("cookie");
    var a =  $("cookie").alt;
    
    if ((foods==aaa) amp;amp; (sel1==a)){
        aa.style.visibility = 'hidden';
    }
}
  

var sel1 = $("foodgroup").options[0].value;

Должно быть

var sel1 = $("foodgroup").value;