Javascripts, мешающий друг другу при загрузке - PullRequest
Новая
       38

Javascripts, мешающий друг другу при загрузке

0 голосов
/ 26 апреля 2020

У меня проблема с файлами javascript, мешающими друг другу. Я проверил их отдельно, и они будут загружаться, когда другой сценарий отсутствует в HTML. Ниже моя html документация и прикрепленные js файлы, которые я загружаю из другого файла. Что я здесь не так делаю?

HTML

<body>
    <div>
       <h1 id=sector1></h1>
        <script>
          document.onreadystatechange = function() {
            if (document.readyState === 'complete')
            {
                sectorperformance();
            }
          };
        </script>
     </div>    
     <div class="row-news-article">
                  <h3 id=headline3></h3>
                  <p id=summary3></p>
                  <a id=link3 target="_blank">read more...</a>
                 </div>
             </div>
             <script>
               document.onreadystatechange = function() {
                  if (document.readyState === 'complete')
                  {
                     news();
                  }
                };
              </script>


<script type="text/javascript" src="{% static 'js/news.js' %}"></script>
<script type="text/javascript" src="{% static 'js/tickertape.js' %}"></script>
<script type="text/javascript" src="{% static 'js/sectorperformance.js' %}"></script>
</body>

новости. js

function news() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      var newsfeed = JSON.parse(this.responseText);
      document.getElementById("headline1").innerHTML = newsfeed[0]["headline"];
      document.getElementById("summary1").innerHTML = newsfeed[0]["summary"];
      document.getElementById("link1").href = newsfeed[0]["url"];
    }
  };
  xhttp.open("GET", "https://cloud.iexapis.com/stable/stock/spy/news/last/1?token=pk_6925213461cb489b8c04a632e18c25dd", false);
  xhttp.send();
};

сектор производительности. js

  function sectorperformance() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      var sectorperformance = JSON.parse(this.responseText);
      document.getElementById("sector1").innerHTML = sectorperformance[0]["name"];
      document.getElementById("performance1").innerHTML = sectorperformance[0]["performance"];
    }
  };
  xhttp.open("GET", "https://cloud.iexapis.com/stable/stock/market/sector-performance?token=pk_6925213461cb489b8c04a632e18c25dd", false);
  xhttp.send();
};
...