javascript - 如何在点击时动态更改 var 值？

Question

实际上，在我的站点中，我有一个表格，其中包含每个版本的大量下载链接，因此我可以更改用户尝试下载的文件版本。

就像这是我 table 上的一件元素:

<tr>
    <td> App</td>
    <td id="0.9.0">0.9.0</td>
    <td>02/01/2019</td>
    <td><a href="#" aria-disabled="true" data-toggle="modal" data-target="#exampleModalCenter" onclick="version = document.getElementById("0.9.0").innerText; alert.version;>Download</a></td>
</tr>

按下下载后，我将打开引导模式，我应该在其中输入正确的密码，然后用户按下下载，它应该下载正确的文件版本。

这是我在模态按钮的 onClick 中使用的方法:

<script>
    var input = document.getElementById("Key");
    var btn = document.getElementById("download");
    var version;

    btn.addEventListener("click", function () {
        if (input.value == "1234") {
            window.location = '/App/App_0.9.0.apk'; (this 0.9.0 should be dynamic)
            $("#exampleModalCenter").modal('hide')
        }
    });
</script>

更新之后(Oen44 回答):

我已经将 a 标签更改为:

<tr>
    <td>App</td>
    <td>0.9.0</td>
    <td>02/01/2019</td>
    <td><a href="#" aria-disabled="true" data-toggle="modal" data-target="#exampleModalCenter" data-version="0.9.0" onclick="version = this.getAttribute('data-version');">Download</a></td>
</tr>
<tr>
    <td>App</td>
    <td>0.2.3</td>
    <td>02/01/2019</td>
    <td><a href="#" aria-disabled="true" data-toggle="modal" data-target="#exampleModalCenter" data-version="0.2.3" onclick="version = this.getAttribute('data-version');">Download</a></td>
</tr>

虽然脚本还是一样的:

var input = document.getElementById("Key");
var btn = document.getElementById("download");
let version;

btn.addEventListener("click", function () {
    if (input.value == "1234") {
        window.location = '/App/App_${version}.apk';
        $("#exampleModalCenter").modal('hide')
    }
});

但是当我尝试下载文件时却什么也没有发生

Answer 1

需要改变的两件事

<td id="0.9.0">0.9.0</td> - 不要将该格式用作 ID。

<td id="app-version">0.9.0</td> - 好多了

let version = document.getElementById('app-version').innerText;
window.location = `/App/App_${version}.apk`; // now with generate /App/App_0.9.0.apk

编辑

<a href="#" data-version="0.9.0" onclick="version = this.getAttribute('data-version');">Download</a>

编辑2

如果你想在 JS 中使用 ${} 格式化字符串那么字符串必须在 `` 中

`/App/RealcoApp_${version}.apk`