我无法清除两个输入之一

Question

我无法清除名称输入 当我进入严格模式控制台时说：“无法在字符串''上创建属性'值'”

    const number = document.getElementById("number").value;
    const name = document.getElementById("name").value;

    console.log(name)
    console.log(number)

    if (name.trim() && number.trim()) {
        let contact = {
            name,
            number
        };
        renderContact(contact);
        console.log(contacts);
        contacts.push(contact)
    }
    // clearInput(number, name);
    this.name.value = '';
    this.number.value = '';
};

Answer 1

你的“名字”和“号码”不是 DOM 元素。他们的价值观是：“你好，世界”等等。 String 是原始类型，不能在严格模式下在原型中定义属性。

const numberInput = document.getElementById("number")
const nameInput = document.getElementById("name")

const name = numberInput.value
const number = numberInput.value

if (name.trim() && number.trim()) {
    let contact = {
        name,
        number
    };
    renderContact(contact);
    console.log(contacts);
    contacts.push(contact)
}
// clearInput(numberInput, nameInput);
nameInput.value = '';
numberInput.value = '';

};