從 HTML 上的 javascript 獲取信息

Question

我想從我的 HTML 上的 JavaScript 代碼訪問信息。 我知道 HTML 不是編程代碼，但我只是想知道這是否可行。 目前正在使用帶有 3D 圖像的 WebGL。

這是我的代碼的一部分：

HTML :

void main()
{

    fColor = vColor;
    gl_Position = rotateZ(theta.z) * rotateY(theta.y) * rotateX(theta.x) * vPosition;
    gl_Position.z = -gl_Position.z;
    gl_Position.x=gl_Position.x+transX;
    gl_Position.y=gl_Position.y+transY;
}

Javascript :

document.getElementById("translateX").onchange = function(event){
  transX = parseFloat(event.target.value);
  init();
  };
document.getElementById("translateY").onchange = function(event){
  transY = parseFloat(event.target.value);
  init();
  };

“TranslateX”和“TranslateY”是滑塊，如果我更改它們，我希望它修改 HTML 上的變量，以便翻譯圖像。

Answer 1

創建一個函數並使用onclick="yourfunctionname()"在 html 代碼中調用它