Установите свойство отображения в зависимости от размера числа в теге span

Я хочу решить, вижу ли я изображение или нет, в зависимости от размера числа в теге span.

<TIME>TIME : <span id = "TIME">0</span>  </TIME>
<img src = "sun.png" id = "sun" class = "sun">
<img src = "clock.png" id = "clock" class = "clock"  height = "128px" width = "128px" onclick = "addToTIME(1)">



<script>
    if ($("#TIME").text() <= 6)
    {
        $('#sun').css('display', 'none');
    }
</script>

Но мой код не работает.

Ваш код работает для меня, попробуйте с готовым документом: $(document).ready(function () { if ($("#TIME").text() <= 6) { $("#sun").hide(); //$('#sun').css('display', 'none'); } });

— 04.04.2021 10:35

Вы не забыли добавить ссылку на jQuery? Если вы откроете в браузере «Инструменты разработчика» (нажмите F12) и перейдете в «Консоль», может появиться сообщение об ошибке типа «Uncaught ReferenceError: $ не определено».

— 04.04.2021 10:35

@whoiswho Если я использую этот скрипт для повышения ценности Spandex, код не понимает? var TIME = 0; функция addToTIME (количество) {ВРЕМЯ = ВРЕМЯ + количество; document.getElementById ("ВРЕМЯ"). innerHTML = ВРЕМЯ; };

— 04.04.2021 11:05

@AndrewMorton Я добавил источник скрипта jquery. Спасибо за вопрос!

— 04.04.2021 11:07

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

— 04.04.2021 11:11

@AHaworth вот так '<~ onclick = "addToTIME (1)"> <script> var TIME = 0; функция addToTIME (количество) {ВРЕМЯ = ВРЕМЯ + количество; document.getElementById ("ВРЕМЯ"). innerHTML = ВРЕМЯ; }; </script> «Да, очень хочу.

— 04.04.2021 11:19

javascript html css

04.04.2021 10:25

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Ответы 1

Вы скрываете солнце с самого начала, но никогда не возвращаете его обратно к display:block

var TIME = 0;

function addToTIME(amount) {
  TIME = TIME + amount;
  document.getElementById("TIME").innerHTML = TIME;
  controlTheSun()
};

$(document).ready(controlTheSun)

function controlTheSun() {
  if ($("#TIME").text() <= 6) {
    $('#sun').css('display', 'none');
  } else {
    $('#sun').css('display', 'block');
  }
}

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<TIME>TIME : <span id = "TIME">0</span>  </TIME>
<img src = "https://us.123rf.com/450wm/chudtsankov/chudtsankov1207/chudtsankov120700038/14510469-summer-hot-sun.jpg?ver=6" id = "sun" class = "sun" height = "128px" width = "128px">
<img src = "https://images-na.ssl-images-amazon.com/images/I/812L5zyAmpL._AC_SX522_.jpg" id = "clock" class = "clock" height = "128px" width = "128px" onclick = "addToTIME(1)">

Благодаря этому коду я решил проблему. Спасибо.

— 04.04.2021 14:32

@ yooyoo01 Если вы раньше не видели: Что мне делать, когда кто-то отвечает на мой вопрос?

— 04.04.2021 21:39

04.04.2021 11:36