displayInput(): void { console.log('姓名wwww:'); console.log('电话号码:', this.phone); }我想在HTML里输出这个事件的值，怎么写

在 HTML 中，如果你想通过 JavaScript 与外部元素交互并触发 `displayInput` 函数来显示输入值，你可以创建一个按钮或者直接在某个元素上添加一个 `click` 事件监听器。假设你有一个输入框用于输入姓名，一个用于输入电话的输入框，你可以这样做：

<!-- 假设这是你的 HTML 结构 -->
<input type="text" id="nameInput" />
<input type="text" id="phoneInput" />

<button onclick="displayInput()">显示信息</button>

<script>
function displayInput() {
    // 获取输入框的值
    const name = document.getElementById("nameInput").value;
    const phone = document.getElementById("phoneInput").value;

    // 如果有事件对象可用，例如来自 React 的 SyntheticEvent，则可通过 .target 属性获取输入值
    // let name = event.target.querySelector('input[name="name"]').value;
    // let phone = event.target.querySelector('input[name="phone"]').value;

    console.log('姓名:', name);
    console.log('电话号码:', phone);
}
</script>

在这个例子中，点击“显示信息”按钮时，`displayInput` 函数会被调用，然后从对应的 HTML 输入元素(`id`为 "nameInput" 和 "phoneInput") 获取并打印其内容。

请注意，上述代码假定你是在纯JavaScript环境中操作DOM，如果是React等框架，事件传递的方式可能会有所不同。