viewof timeButtonsNaive = { const phi_0 = html ``; phi_0.oninput = () => { document.getElementById("phi_0_value").innerHTML = "\u03C6 initial = " + phi_0.value var inputValues = [phi_0.value, theta_0.value, x_1.value, y_1.value, phi_1.value, theta_1.value, x_delta.value, y_delta.value, phi_delta.value, theta_delta.value] RecomputeLayerValues(inputValues); return 0; }; const theta_0 = html ``; theta_0.oninput = () => { document.getElementById("theta_0_value").innerHTML = "\u03B8 initial = " + theta_0.value var inputValues = [phi_0.value, theta_0.value, x_1.value, y_1.value, phi_1.value, theta_1.value, x_delta.value, y_delta.value, phi_delta.value, theta_delta.value] RecomputeLayerValues(inputValues); return 0; }; const x_1 = html ``; x_1.oninput = () => { document.getElementById("x_1_value").innerHTML = "x final = " + x_1.value var inputValues = [phi_0.value, theta_0.value, x_1.value, y_1.value, phi_1.value, theta_1.value, x_delta.value, y_delta.value, phi_delta.value, theta_delta.value] RecomputeLayerValues(inputValues); return 0; }; const y_1 = html ``; y_1.oninput = () => { document.getElementById("y_1_value").innerHTML = "y final = " + y_1.value var inputValues = [phi_0.value, theta_0.value, x_1.value, y_1.value, phi_1.value, theta_1.value, x_delta.value, y_delta.value, phi_delta.value, theta_delta.value] RecomputeLayerValues(inputValues); return 0; }; const phi_1 = html ``; phi_1.oninput = () => { document.getElementById("phi_1_value").innerHTML = "\u03C6 final = " + phi_1.value var inputValues = [phi_0.value, theta_0.value, x_1.value, y_1.value, phi_1.value, theta_1.value, x_delta.value, y_delta.value, phi_delta.value, theta_delta.value] RecomputeLayerValues(inputValues); return 0; }; const theta_1 = html ``; theta_1.oninput = () => { document.getElementById("theta_1_value").innerHTML = "\u03B8 final = " + theta_1.value var inputValues = [phi_0.value, theta_0.value, x_1.value, y_1.value, phi_1.value, theta_1.value, x_delta.value, y_delta.value, phi_delta.value, theta_delta.value] RecomputeLayerValues(inputValues); return 0; }; const x_delta = html ``; x_delta.oninput = () => { document.getElementById("x_delta_value").innerHTML = "initial x velocity = " + x_delta.value var inputValues = [phi_0.value, theta_0.value, x_1.value, y_1.value, phi_1.value, theta_1.value, x_delta.value, y_delta.value, phi_delta.value, theta_delta.value] RecomputeLayerValues(inputValues); return 0; }; const y_delta = html ``; y_delta.oninput = () => { document.getElementById("y_delta_value").innerHTML = "initial y velocity = " + y_delta.value var inputValues = [phi_0.value, theta_0.value, x_1.value, y_1.value, phi_1.value, theta_1.value, x_delta.value, y_delta.value, phi_delta.value, theta_delta.value] RecomputeLayerValues(inputValues); return 0; }; const phi_delta = html ``; phi_delta.oninput = () => { document.getElementById("phi_delta_value").innerHTML = "initial \u03C6 velocity = " + phi_delta.value var inputValues = [phi_0.value, theta_0.value, x_1.value, y_1.value, phi_1.value, theta_1.value, x_delta.value, y_delta.value, phi_delta.value, theta_delta.value] RecomputeLayerValues(inputValues); return 0; }; const theta_delta = html ``; theta_delta.oninput = () => { document.getElementById("theta_delta_value").innerHTML = "initial \u03B8 velocity = " + theta_delta.value var inputValues = [phi_0.value, theta_0.value, x_1.value, y_1.value, phi_1.value, theta_1.value, x_delta.value, y_delta.value, phi_delta.value, theta_delta.value] RecomputeLayerValues(inputValues); return 0; }; const view = html`

\u03C6 initial = ${+ phi_0.value} ${phi_0}
\u03B8 initial = ${+ theta_0.value} ${theta_0}
x final = ${+ x_1.value} ${x_1}
y final = ${+ y_1.value} ${y_1}
\u03C6 final = ${+ phi_1.value} ${phi_1}
\u03B8 final = ${+ theta_1.value} ${theta_1}
initial x velocity = ${+ x_delta.value} ${x_delta}
initial y velocity = ${+ y_delta.value} ${y_delta}
initial \u03C6 velocity = ${+ phi_delta.value} ${phi_delta}
initial \u03B8 veocity = ${+ theta_delta.value} ${theta_delta}

` var inputValues = [phi_0.value, theta_0.value, x_1.value, y_1.value, phi_1.value, theta_1.value, x_delta.value, y_delta.value, phi_delta.value, theta_delta.value] ComputeLayerValues(inputValues); return view; }