Numbers & css Klassen

Question

Wie kann ich eine CSS-Klasse zu einer zufällig generierten Zahl hinzufügen.

Beispiel:

if the number is under 2000 add a css class named red to the div <div class="red">500</div> 
if the number is over 2000 add a css class named blue to the div <div class="blue">2500</div> 

Answer 1

Es gibt viele Möglichkeiten, dies getan werden könnte, aber hier ist eine einfache. Wenn $rNum Ihre zufällig erzeugte Zahl enthält, können wir testen, ob sie kleiner oder gleich 2000 ist. Wenn dies der Fall ist, drucken wir "rot", und wenn nicht, drucken wir "blau".

Wenn Sie neu in PHP sind, kann die Syntax des ternären Operators etwas verwirrend sein. Es ist im Grunde eine vereinfachte Inline-If-Else-Anweisung. Sie können weitere Beispiele sehen und eine kurze Beschreibung online unter php.net lesen.

Answer 2

Sie können zuerst die Rand-Nummer, speichern Sie es in eine Variable erzeugen und dann if..else verwenden, um die Klasse zu div Elemente hinzuzufügen, wie unten:

<?php $rand = rand($min,$max); ?> 
<div class="<?php if ($rand <= 2000) echo "red"; else echo "blue" ; ?>"><?php echo $rand; ?></div> 

Alternativ können ein id Element zu diesem div-Tag hinzuzufügen, und dann verwenden Sie Javascript, um die Klasse hinzuzufügen.

Answer 3

Möchten Sie dies tun?

<div class="<?php echo ($number<2000)?'red':'blue'; ?>"> 
<?php echo $number ?> 
</div>