从输入创建 axios.post 的按钮

Question

I have to create a button that will do an axios.post request, if something is in the input.如果输入中有内容，我必须创建一个按钮来执行 axios.post 请求。 Im stuck, my HTML:我卡住了，我的 HTML：

<!DOCTYPE html>
<html lang="pl-PL">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="HandheldFriendly" content="true">
    <title>zad2</title>
  </head>
  <body>
    <input id="newInput" data-test="todo-input" placeholder="wpisz tekst"><button id="newButton" data-test="todo-add" onClick="addToDoElem()">Dodaj</button>
  </body>
</html>

And my js:还有我的js：

const $newTask;
let $newInput = document.getElementById('.newInput');

let $newButton;
function addToDoElem() {
  if ($newInput.value !== '') {
    axios.post(
      $newTask = $newInput.value;
    )
  }
}

Appreciate any tips.感谢任何提示。 Have a nice day!祝你今天过得愉快！

Answer 1

Just change document.getElementById('.newInput');只需更改document.getElementById('.newInput'); by document.getElementById('#newInput');通过document.getElementById('#newInput'); , getElementById() gets DOM element by his id, not his class. , getElementById()通过他的 id 获取 DOM 元素，而不是他的 class。

从输入创建 axios.post 的按钮

问题描述

1 个解决方案

解决方案1
1 2021-03-02 11:27:12

从输入创建 axios.post 的按钮

问题描述

1 个解决方案

解决方案1 1 2021-03-02 11:27:12

解决方案1
1 2021-03-02 11:27:12