我包括了文档中描述的所有必需资产（对于版本5.2）：
https://getbootstrap.com/docs/5.2/getting-started/introduction/
并使用此处显示的确切代码片段初始化所有弹出窗口：
https://getbootstrap.com/docs/5.2/components/popovers/
在给定css选择器的情况下获取弹出窗口示例的策略：

const popover1 = bootstrap.Popover.getOrCreateInstance('#popoverTest1');

分别显示和隐藏时您感兴趣调用的方法是：

popover1.show();
popover1.hide();

我添加到您的逻辑中的唯一操作是在显示新的弹出窗口（如果是这样的话）之前，在单击按钮时隐藏所有弹出窗口。
然后我还添加了一个策略来处理点击，它将隐藏任何可见的弹出窗口，以防出现任何显示。Bootstrap依赖于属性data-bs-trigger设置为focus而不是manual，但这意味着弹出窗口将通过用户交互触发，而不是***手动***显式调用.show()方法。因此，由于我们通过.show()显示弹出窗口，因此我们注定也要实现.hide()部分，在本例中，它由window对象上的click事件处理程序处理。
第一次

您需要获取相应Popover的示例并显示它。

function testMe() {
    let inputA = parseFloat(document.getElementById("aInput").value);
    let inputB = parseFloat(document.getElementById("bInput").value);
    let inputC = parseFloat(document.getElementById("cInput").value);
    let popoverTest1 = document.getElementById("popoverTest1");
    let popoverTest2 = document.getElementById("popoverTest2");
    if (inputA === 0) {
        // Make popoverTest1 come up here
        // alert("This is when popoverTest1 should fire");
        // document.getElementById("popoverTest1").popover('show')
        bootstrap.Popover.getOrCreateInstance('#popoverTest1').show()
    }
    else if (inputB === inputC) {
        // Make popoverTest2 come up here
        //ert("This is when popoverTest2 should fire");
        bootstrap.Popover.getOrCreateInstance('#popoverTest2').show()
    }
 }

Demo