Javascript 用按钮触发请求？

Question

我正在学习 JavaScript，我已经学习了一个名为 "creating objects" 的部分，因为我是编程新手，所以我不知道如何通过使用按钮，而不是在页面加载时触发，有什么想法吗？

myobjt = new Object();
var reqPrompt = prompt("Type a word:");
myobjt.mnfstInput = reqPrompt;
function mFunc() {
   document.write(this.mnfstInput);
}
myobjt.mnfstScreen = mFunc;
myobjt.mnfstScreen();

Answer 1

在您的 HTML 中添加一个按钮，如下所示：

<button id="clickMe">click here!</button>

然后在您的脚本中检索此按钮并使用事件侦听器来侦听点击事件：

var button = document.getElementById('clickMe');

button.addEventListener('click', trigger);

function trigger() {
    // all your code :)
}

Answer 2

在您的 html 中创建一个按钮

<button id="btn">Click me</button>

在javascript中添加一个事件处理程序：

document.getElementById('btn').addEventListener("click", function(){ 
    var question = prompt("What is the meaning of life?");
    //do whatever you want to do with the answer
});

Answer 3

您可以在 button

上使用 HTML onclick 属性

<button onclick='add()'>Add property</button>

我注意到您正在使用 document.write，请记住 document.write 会覆盖整个页面。

var myobjt = new Object();

function add(){
  var reqPrompt = prompt("Type a word:");
  myobjt.newProp = reqPrompt;
  mFunc();
}

function mFunc() {
  document.getElementById('result').innerHTML = JSON.stringify(myobjt);
}

<button onclick='add()'>Add property</button>
<div id='result'></div>

Answer 4

虽然其他两个答案都是正确的，而且是一个很好的方法，但我会尝试使用对象来回答

<script>
var myObject = {
     input: "",
     popup: function(){
         alert("Hello, " + this.input);
     },
     setInput: function(){
         this.input = prompt("Enter Name");
     }
 }
 </script>
 <button type="button" onclick="myObject.setInput()">Input</button>
 <button type="button" onclick="myObject.popup()">Output</button>

编辑： https://jsfiddle.net/u1yfsp4z/4/

Javascript 用按钮触发请求？

Javascript trigger request with a button?

javascript

prompt

button

request