Необходимо удалить один метр квадратика с помощью HTML, CSS и Javascript

У меня есть код для HTML, CSS и JavaScript для счетчика. Теперь проблема в этом коде. Я получаю два одинаковых счетчика один за другим сверху вниз, а мне нужен только один. Я не могу понять, как Чтобы решить эту проблему, мой код приведен ниже:

Edit html
<DIV id=Gauge style = "HEIGHT: 150px; WIDTH: 200px"></DIV><SPAN id=calcValue><SpotfireControl id = "fd2a50e39d384ff2b5c0c9bb03d15137" /></SPAN>

Javascript

//define your javascript libraries
resource=[
 "//cdn.jsdelivr.net/raphael/2.1.0/raphael-min.js",
 "//cdn.jsdelivr.net/justgage/1.0.1/justgage.min.js"
]

//add scripts to head
$.getScript(resource[0],function(){
 $.getScript(resource[1],init)
})

//start your widget
init=function(){
  var g = new JustGage({
    id: "Gauge", 
    value:  parseInt($("#fd2a50e39d384ff2b5c0c9bb03d15137").text()), 
    min: -1000,
    max: 1000,
    title: "Operating Margin%"
  });

  //refresh gauge when calcvalue changes
  $(calcValue).on('DOMSubtreeModified',function(){
    g.refresh($(this).text())
  })
}

Как решить эту проблему, чтобы я получал только один метр вместо двух?

так есть ли у вас какие-либо ошибки js в консоли? Я не уверен, каким должен быть ваш конечный результат, код html написан неправильно, используйте "" для имен идентификаторов.

Torjescu Sergiu 20.08.2018 15:15

Проблема не имеет ничего общего с показанным вами кодом. Он отлично работает на скрипке: jsfiddle.net/v6nahwpz/3. Показан только один датчик. Чтобы мы могли вам помочь, вам нужно будет показать дополнительный код.

Martin Geldart 20.08.2018 15:21
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
73
0

Другие вопросы по теме