如果字符串不为空,我想从'addItem()'方法调用'clearFields()'方法。
我无法使它正常工作,我也不知道是否有可能。我需要跳出两个作用域步骤才能实现所需的功能,但是我不知道该怎么做或是否可以完成。有没有办法使if语句成为箭头函数来避免这种情况,或者您对此问题有其他解决方案吗?
class View {
constructor(){}
domStrings = {
description: '.desc-input',
addButton: '.btn-add',
todoList: '.todos',
todoCompleteList: 'todos-complete'
}
addItem() {
const inputText = document.querySelector('.desc-input').value;
if (inputText !== '') {
const str = `<div class="todo-item"><p class="todo-text">${inputText}</p><button type="submit" class="btn btn-del pure-button"><i class="fas fa-trash"></i></button><button type="submit" class="btn btn-complete pure-button"><i class="fas fa-check"></i></button></div>`;
document.querySelector('.todos').insertAdjacentHTML('beforeend', str);
this.clearField(); // <--- THIS IS THE PROBLEM
}
}
clearField() {
document.querySelector('.desc-input').value = '';
}
}