在文本输入中添加一个操作，删除用户所写的文本

Question

我想创建一个"x"它出现在文本输入框的末尾，可以单击该输入框删除用户键入的文本。我在Angular中见过这样的情况，但在HTML和CSS中却无法解决。我一直在使用remove标签并尝试访问如下值:

<button onclick="myFunction()"> X </button>
<p id="test"> </p> 
<script>
let theText= input.value;
function myFunction() {
return input.value.remove();
}
</script>

谢谢。

Answer 1

可以尝试用空字符串

替换value

input.value = ""