How to change slider value on dat.GUI and how to reset dat.GUI
<p>1) I'm working on a dat.GUI application on which I have 2 sliders. I want to reset one when the other is changed. For example :</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code> var FizzyText = function() {
   this.slider1 = 0;
   this.slider2 = 0;
};
var gui = new dat.GUI();
var text = new FizzyText();
var slider1 = gui.add(text, 'slider1', 0, 5);
var slider2 = gui.add(text, 'slider2', 0, 5);

slider1.onChange(function(value){
  console.log(value); 
  text.slider2 = 0; // this doesn't work
});

slider2.onChange(function(value){
  console.log(value);
  text.slider1 = 0; // this doesn't work
});</code></pre>
</div>
</div>
</p>

<p>This is just an example but it is very important that the slider is reseted or set to its default value (in FizzyText).</p>

<p>The example above comes from <a href="https://workshop.chromeexperiments.com/examples/gui/#9--Updating-the-Display-Automatically" rel="nofollow noreferrer">https://workshop.chromeexperiments.com/examples/gui/#9--Updating-the-Display-Automatically</a> where I can't automatically update the slider</p>

<p>2) I want to add a reset button in which all sliders will be reseted. But with the previous answer I'd be able to reset all values </p>