Question

（全部由HTML和JS制成）我制作了一个使用十进制数字的程序，将其转换为二进制并提供了结果。带有十进制数字的输入框具有占位符“输入十进制数字”。在使小数到二进制部分起作用后，我开始制作一个反向按钮，该按钮首先将占位符更改为“输入二进制数”。这些是HTML和JS代码：

function reverseButton() {
                if (document.getElementsByClassName('inputBox').placeholder === 'Enter decimal number') {
                    document.getElementsByClassName('inputBox').placeholder='Enter binary number';
                } else if (document.getElementsByClassName('inputBox').placeholder === 'Enter binary number') {
                    document.getElementsByClassName('inputBox').placeholder='Enter decimal number';
                }
            }

<input type="number" class="inputBox" id="decimalNumber" placeholder="Enter decimal number" min="0" step="0.0001">
<button class="button hoverTurquoise reverse" onclick="reverseButton()">Reverse</button>

我尝试先将占位符设置为无（空”），然后添加文本，但得到的结果相同。如果有人知道该怎么办，将不胜感激。

Answer 1

getElementsByClassName函数返回一个数组，因此您必须将代码转换为这种形式

if (document.getElementsByClassName('inputBox')[0].placeholder === 'Enter decimal number') {

使用占位符（用于输入框）的值作为JS中的条件

1 个答案: