Как отобразить стили шрифтов в браузере Chrome? - PullRequest
Новая
       17

Как отобразить стили шрифтов в браузере Chrome?

1 голос
/ 09 мая 2019

У меня проблема с тем, что следующий код будет отображать желаемый результат в Microsoft Edge, но не будет отображать правильный результат в Chrome или любом другом браузере. Причина, по которой Edge не может быть использована - наша программа должна быть запущена на raspberry pi.

Мы пробовали несколько браузеров, и ни один из них не будет отображать наши данные 

<!DOCTYPE html>
<html>
<head>
<title>Sensor Data</title>
<script type="text/javascript">
function print() {
fetch("test.txt")
  .then(response => response.text())
.then(text => {
  var num = parseInt(text);
   document.getElementById("myText").innerHTML = num;
  if(num>250){
   console.log(num);
   document.body.style.color = "green";
 }
  else
  {
  console.log(num);
  document.body.style.color = "red";
}
 })
  }
  setInterval(print, 1000);
  </script>
 </head>

 <body>

 <h1>Range: <span id="myText"></span></h1>

 </body>

 </html>

Наш результат должен отображать данные из текстового файла в цвете, определенном на основе данных из текстового файла. Например, зеленый для 251 и выше и красный для 250 и ниже.

1 Ответ

0 голосов
/ 09 мая 2019

ваша myFunction никогда не объявляется. Не уверен, где fetch будет захватывать файл в stackoverflow, поэтому я изменил ваш код, чтобы он не использовался. Я не думаю, что это вызывает твою проблему. Кажется, это работает на Chrome и Firefox. Разве это не то, что вы хотите? 

function print() {

  var num = 250;
  a = document.getElementById("myText1");
  b = document.getElementById("myText2");
  
  document.getElementById("myText1").innerHTML = num;
  document.getElementById("myText2").innerHTML = num;
  if(num>250){
   console.log(num);
   a.style.color = "green";
   b.style.color = "red";
  }else{
   console.log(num);
   b.style.color = "green";
   a.style.color = "red";
}
 
  }
  print();
<!DOCTYPE html>
<html>
<head>
<title>Sensor Data</title>

  
 </head>

 <body>

 <h1>Range: <span id="myText1"></span></h1>
 <h1>Range: <span id="myText2"></span></h1>

 </body>

 </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...