如何在不使用重置按钮的情况下进行重置？

Question

我的项目：

我正在Yandex浏览器中做书签部分。

---

我的项目图片：

---

我想在单击按钮时重置两个输入的值。 （我不想使用“重置”按钮来执行此操作。我不想使用表单标签。）

---

我的代码：

    $("#add").click(function(){
        $("#siteName").val(" ");
        $("#siteURL").val(" ");
    });

尽管他在这里工作，但他不在我的项目中工作。

由于代码太长，我在这里上传了它们。 Click to reach.

Answer 1

您在点击时调用addBookmark函数，您可以在其中重置值。

function addBookmark(){
// set variables
var siteName = document.getElementById("siteName").value;
var siteURL = document.getElementById("siteURL").value;
document.getElementById("siteName").value = '';
document.getElementById("siteURL").value = '';

（编辑） 或使用jQuery

function addBookmark(){
// set variables
var siteName = document.getElementById("siteName").value;
var siteURL = document.getElementById("siteURL").value;
$("#siteName").val('');
$("#siteURL").val('');

Answer 2

然后，您需要将jquery导入到您的项目中。

<input id="siteName" name="siteName"><input id="siteURL" name="siteURL"><button id="add">Click Me</button>

<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="crossorigin="anonymous"></script>
    
    <script type="application/javascript">
    $("#add").click(function(){
        $("#siteName").val("");
        $("#siteURL").val("");
    });
    </script>