初めてdat.guiを処理する

Question

私は、ドロップダウンリストでどのオプションが押されたかに基づいて異なるメッセージを警告するようにしています。私はそれを働かせることはできません。それはどのようにして正しく行われますか？あなたのコードから欠落している何

var guiControls = new function() { 
} 
var gui = new dat.GUI(); 

this.message = 'dat.gui'; 
gui.add(this, 'message', ['pizza', 'chrome', 'hooray']).onChange(function() { 
    if ('pizza') { 
     alert("YUM!"); 
    } else if ('chrome') { 
     alert("browser"); 
    } else if ('hooray') { 
     alert("is ur bday?"); 
    } 
}); 

Answer 1

が値である：

var guiControls = new function() { 
} 
var gui = new dat.GUI(); 

this.message = 'dat.gui'; 
gui.add(this, 'message', ['pizza', 'chrome', 'hooray']).onChange(function(value) { 
if (value=='pizza') { 
    alert("YUM!"); 
} else if (value=='chrome') { 
    alert("browser"); 
} else if (value=='hooray') { 
    alert("is ur bday?"); 
} 
}); 

それは、このリンクにも示されている：https://workshop.chromeexperiments.com/examples/gui/#7--Events

gui.add(...).onChange(function(value) { 

だからあなたのコードは次のようにする必要があります

私が助けてくれることを願っています:)