Как задать класс эллементу в зависимости от значения произвольного поля?

Question

[arle]

Всем доброго времени года!

Есть такая задача, привожу упрощенный вариант:

<div id="parent" class="parent class">
	<span style="width:<?php the_field('number'); ?>%;">
		<span class="childclass"><?php the_field('number'); ?>
		</span>
	</span>
</div>

Здесь дважды выводится произвольное поле. 1 раз задает фон, второй раз - выводит число.

Нужно что бы при любом значении произвольного поля от 0 до 50 присваивался класс для id="parent", к примеру "bad"
И при любом значении от 50 до 100 - "good".

Буду благодарен любому ответу!
С php встретился вчера, еще не знаком, а сделать очень хочется. По возможности, предлагайте решение на максимально чайничном уровне.

Answer 1

[Mr Crabbz]

Чайник-вариант:

<?php
	$number_class = "";
	$number = get_field('number'); 
	if($number < 50){
		$number_class = "bad";
	}
	else {
		$number_class = "good";
	}

?>
<div id="parent" class="<?php echo $number_class; ?>">
  <span style="width:<?php the_field('number'); ?>%;">
    <span class="childclass"><?php the_field('number'); ?>
    </span>
  </span>
</div>

Сергей показал как быстрее - через тернарный оператор. Но его сложнее понять новичку.

Comments

[Сергей delphinpro]

intval излишен. строка ведь при сравнении с числом и так будет приведена к числу

[Mr Crabbz]

Сергей: Точняк, согласен.

[arle]

Роман Краббз: Спасибо! Работает!. Да, ваш вариант мне понятен.

У вас сейчас прописано - если значение поля меньше 50, то класс "bad". А если условие не выполнено, то класс "good".

Единственное, очень прошу, дайте вариант с тремя 0-33, 33-66, 66-100, что бы понять как задать диапазон, а дальше я уже без проблем наклепаю диапазонов и сделаю для них классы.

[Mr Crabbz]

arle:

<?php
  $number_class = "";
  $number = get_field('number'); 
  if($number < 34){
    $number_class = "class-0-33";
  }
  elseif($number >= 34 && $number < 67){
    $number_class = "class-34-66";
  }
  else {
    $number_class = "class-67-100";
  }

?>

<div id="parent" class="<?php echo $number_class; ?>">
  <span style="width:<?php the_field('number'); ?>%;">
    <span class="childclass"><?php the_field('number'); ?>
    </span>
  </span>
</div>

[arle]

Роман Краббз: Работает! Спасибо огромное!!!