laimas,

Это сюда, читать, изучать, пробовать. Пример я привел, дальше сами.

Спасибо вам!

Уже почти всё сделано, как в текущий курс стрелку динамики вывести, уже устал сейчас ещё неделю сидеть придётся.



просто знак доллара, цифры и стрелка динамики, зелёная вверх, красная вниз.

Я не понимаю где тут стрелка что бы в первый блок поставить?

<div class="ratehead">
<span class="current"></span>
</div>
 

 <div class="ratebox">
 <span class="current"></span>
 <span class="previous"></span>
</div>
 
<script>
$.getJSON("домен.ру", function(data) {
 $.each(data, function(k, o) {
 $('.'+k).text(o.value).addClass(['down','up'][o.rate])
 })
});
</script>

Все стили удалил, доллар пропал,

стрелок нет



в самом начале форума кто всё без стилей прописавали и всё без стилей было, просто один div.

Как так сделать?

<script> 
$.getJSON("https://www.cbr-xml-daily.ru/daily_json.js", function(data) { 
var Value = data.Valute.USD.Value 
var Previous = data.Valute.USD.Previous 
function trend(Value, Previous) { 
if (Value > Previous) return '<b style="color:#00ff00;"> ▲</b>'; 
if (Value < Previous) return '<b style="color:#ff0000;"> ▼</b>';
return ''; 
} 
var trend = trend(data.Valute.USD.Value, data.Valute.USD.Previous); 
 $('#usd').html("USD ЦБ&nbsp;&nbsp;" +data.Valute.USD.Value.toFixed(1) +trend); 
}); 
</script>

Нет тут никаких стрелок, стрелки у символы доллара курсов задаются в стилях через content

content: "▲";

В элементы class="current" и class="previous" помещаются только курсы.

Вникайте, в самим стилях видны стрелочки, а что это означает можете же поинтересоваться и узнать на htmlbook? Все, сами, не сложно разобраться по именам css правил, что к чему.

spinastr,
достали вы уже всякой хренью смешивая одно с другим.

Все, изучайте и не задавайте больше вопросов.

laimas,

тогда какой смысл три дня сидели делали, а в итоге это в шапку вставить нельзя,

laimas,
Осталось, только стрелку вывести

Почему у вас видна стрелка?



Вчё у меня ошибка?

Получается блок со стрелкой оборачивает блок с данными курса доллара

<div class="ratehead">
<span class="current"></span>
</div>

стиль стрелки

.ratehead * {
 color: #fff;
}

.ratehead *:after {
 color: #fff; /*белый цвет стрелки*/
}

А стрелки нету

Может эти стрелки как то так прописать что бы не мучится куда стрелка пропала?

if (Value > Previous) return '<b style="color:#00ff00;"> ▲</b>';
07
if (Value < Previous) return '<b style="color:#ff0000;"> ▼</b>';