ボタン付きJavascriptトリガーリクエスト？

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

他の回答の両方が正しく、それを行うには非常に良い方法ですが、私は、オブジェクト

<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> 

Editを使用してお答えしてみましょう： https://jsfiddle.net/u1yfsp4z/4/

Answer 2

この1のようなあなたのHTMLでボタンを追加します。

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

その後スクリプトにこのボタンを取得し、クリックイベントをリッスンするイベントリスナーを使用します。

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

button.addEventListener('click', trigger); 

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

Answer 3

htmlでボタンを作成する

JavaScriptで

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

イベントハンドラを追加します

あなたは button

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

にHTML onclick属性を使用することができ

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 4

を私はあなたが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>