physics-simulations

commit 3e21420a4692d91c2adf0543e14dc3cd53a33efe
parent 3da1aee8eb301cef536ef34095004b2a726983ef
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Sun,  7 Mar 2021 12:01:01 -0800

Reset inputs on double click

Diffstat:
M
simulations/atwood-machine.html
 | 
8
++++----
M
simulations/circular-motion.html
 | 
6
+++---
M
simulations/horizontal-motion.html
 | 
6
+++---

3 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/simulations/atwood-machine.html b/simulations/atwood-machine.html
@@ -25,19 +25,19 @@
             <div id="input" hidden>
                 <section>
                     <label for="mass1Input"><b>Mass 1:</b> {{ mass1.toFixed(1) }} Kg</label>
-                    <input type="range" min="1" max="10" step="0.1" v-model.number="mass1" @input="reset" :disabled="active" id="mass1Input">
+                    <input type="range" min="1" max="10" step="0.1" v-model.number="mass1" @input="reset" @dblclick="mass1=1" :disabled="active" id="mass1Input">
                 </section>
                 <section>
                     <label for="mass2Input"><b>Mass 2:</b> {{ mass2.toFixed(1) }} Kg</label>
-                    <input type="range" min="1" max="10" step="0.1" v-model.number="mass2" @input="reset" :disabled="active" id="mass2Input">
+                    <input type="range" min="1" max="10" step="0.1" v-model.number="mass2" @input="reset" @dblclick="mass2=10" :disabled="active" id="mass2Input">
                 </section>
                 <section>
                     <label for="angleInput"><b>Angle:</b> {{ angle.toFixed(0) }}<sup>o</sup></label>
-                    <input type="range" min="0" max="90" step="1" v-model.number="angle" @input="reset" :disabled="active" id="angleInput">
+                    <input type="range" min="0" max="90" step="1" v-model.number="angle" @input="reset" @dblclick="angle=90" :disabled="active" id="angleInput">
                 </section>
                 <section>
                     <label for="gravityInput"><b>Gravity:</b> {{ gravity.toFixed(1) }} m/s<sup>2</sup></label>
-                    <input type="range" min="1" max="10" step="0.1" v-model.number="gravity" @input="reset" :disabled="active" id="gravityInput">
+                    <input type="range" min="1" max="10" step="0.1" v-model.number="gravity" @input="reset" @dblclick="gravity=9.8" :disabled="active" id="gravityInput">
                 </section>
             </div>
 
diff --git a/simulations/circular-motion.html b/simulations/circular-motion.html
@@ -25,15 +25,15 @@
             <div id="input" hidden>
                 <section>
                     <label for="massInput"><b>Mass:</b> {{ mass.toFixed(1) }} Kg</label>
-                    <input type="range" min="1" max="10" step="0.1" v-model.number="mass" @input="reset" :disabled="active" id="massInput">
+                    <input type="range" min="1" max="10" step="0.1" v-model.number="mass" @input="reset" @dblclick="mass=5" :disabled="active" id="massInput">
                 </section>
                 <section>
                     <label for="forceInput"><b>Centripetal Force:</b> {{ force.toFixed(1) }} N</label>
-                    <input type="range" min="1" max="10" step="0.1" v-model.number="force" @input="reset" :disabled="active" id="forceInput">
+                    <input type="range" min="1" max="10" step="0.1" v-model.number="force" @input="reset" @dblclick="force=5" :disabled="active" id="forceInput">
                 </section>
                 <section>
                     <label for="radiusInput"><b>Radius:</b> {{ radius.toFixed(2) }} m</label>
-                    <input type="range" min="0.1" max="1" step="0.01" v-model.number="radius" @input="reset" :disabled="active" id="radiusInput">
+                    <input type="range" min="0.1" max="1" step="0.01" v-model.number="radius" @input="reset" @dblclick="radius=1" :disabled="active" id="radiusInput">
                 </section>
             </div>
 
diff --git a/simulations/horizontal-motion.html b/simulations/horizontal-motion.html
@@ -25,15 +25,15 @@
             <div id="input" hidden>
                 <section>
                     <label for="massInput"><b>Mass:</b> {{ mass.toFixed(1) }} Kg</label>
-                    <input type="range" min="1" max="10" step="0.1" v-model.number="mass" @input="reset" :disabled="active" id="massInput">
+                    <input type="range" min="1" max="10" step="0.1" v-model.number="mass" @input="reset" @dblclick="mass=5" :disabled="active" id="massInput">
                 </section>
                 <section>
                     <label for="initialVelocityInput"><b>Initial Velocity:</b> {{ initialVelocity.toFixed(1) }} m/s</label>
-                    <input type="range" min="-10" max="10" step="0.1" v-model.number="initialVelocity" @input="reset" :disabled="active" id="initialVelocityInput">
+                    <input type="range" min="-10" max="10" step="0.1" v-model.number="initialVelocity" @input="reset" @dblclick="initialVelocity=1" :disabled="active" id="initialVelocityInput">
                 </section>
                 <section>
                     <label for="forceInput"><b>Applied Force:</b> {{ force.toFixed(1) }} N</label>
-                    <input type="range" min="-10" max="10" step="0.1" v-model.number="force" @input="reset" :disabled="active" id="forceInput">
+                    <input type="range" min="-10" max="10" step="0.1" v-model.number="force" @input="reset" @dblclick="force=0" :disabled="active" id="forceInput">
                 </section>
             </div>