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

代码中缺少的是值：

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

所以你的代码应该是这样的：

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

我希望我能提供帮助：）

第一次制作dat.gui

1 个答案: