Question

我正在学习JavaScript，我已经达到了一个名为“创建对象”的部分，因为我是编程的新手，我无法弄清楚如何通过使用按钮触发“提示”请求，而不是在页面时触发加载，任何想法？

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

您可以在onclick

上使用HTML button属性

<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触发器请求？

4 个答案: