时间戳

首页 > 解决方案 > 如何从 JS 访问 HTML 中的 var？

javascript - 如何从 JS 访问 HTML 中的 var？

问题描述

我的 HTML 文件“covidCases”中有一个变量。我需要改变它的价值。我在我的 JS 文件“covidData”中获取数据。而且我不知道如何将这些数据发送到我的 HTML 文件中的 var。我将不胜感激。我只是不知道是否有可能或者是否有更好的方法将我的数据从 js 发送到 HTML 文件中的图表。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script
      type="text/javascript"
      src="https://www.gstatic.com/charts/loader.js"
    ></script>
    <script type="text/javascript">
      google.charts.load("current", { packages: ["corechart"] });
      google.charts.setOnLoadCallback(drawChart);
      var covidCases = 150;
      function drawChart() {
        var tableData = google.visualization.arrayToDataTable([
          ["Task", "Hours per Day"],
          ["Cases", covidCases],
          ["Eat", 2],
          ["Commute", 2],
          ["Watch TV", 2],
          ["Sleep", 7],
        ]);

        var options = {
          title: "My Daily Activities",
        };

        var chart = new google.visualization.PieChart(
          document.getElementById("piechart")
        );

        chart.draw(tableData, options);
      }
    </script>
  </head>
  <body>
    <div id="piechart" style="width: 900px; height: 500px"></div>
    <script src="../app.js"></script>
  </body>
</html>


const express = require("express");
const request = require("request");
const https = require("https");
const app = express();

app.get("/", function (req, res) {
  const url = "https://api.caw.sh/v3/covid-19/countries/ukraine?strict=true";

  https.get(url, function (response) {
    console.log(response.statusCode);

    response.on("data", function (data) {
      const covidData = JSON.parse(data);
      console.log(covidData.cases);
      v;
    });
    res.send("Success");
  });
});

app.listen(3000, function () {
  console.log("Server is tunning on port 3000.");
});

标签： javascript

解决方案

推荐阅读