如何使用javascript清除输入？

我有3个输入：

<label for="text1">Text 1</label>
<input type="text" class="text1" value="To clear"><br>

<label for="text2">Text 2</label>
<input type="text" class="text2" value="to select"><br>

<label for="text3">Text 3</label>
<input type="text" class="text3" value="Click in this field">

Text 1


文本2


文本3

我希望当你点击文本3时，它会删除文本1。 我做了一个函数，但它不起作用：

<script>
    function myFunction(text3) {
        document.text1.value = "";
    }   
</script>

函数myFunction（text3）{
document.text1.value=“”；
}   

var text1=document.querySelector（'.text1'）；
var text3=document.querySelector（'.text3'）；
text3.addEventListener（'focus'，myFunction）；
函数myFunction（）{
text1.value=''；
}

Text 1


文本2


文本3

正确的方法是为元素分配一个事件侦听器，您可以在其中调用函数

函数myFunction（）{
document.querySelector（'input.text1'）。value=“”；
}
document.querySelector（'input.text3'）。addEventListener（'focus'，myFunction）
Text 1


文本2


文本3
使用JQuery可以非常轻松地完成这项工作


$（'.text3'）。在（'focus'，function（）上{
$（'.text1'）.val（''）；
})

文本1


文本2


文本3
那么，什么时候调用
myFunction
？