CODEWITHSUNDEEP
rating
wpdev
wpdev

Reputation: 195

How to make simple star rating using php?

I want to make a star rating display. Here is my code.

<?php $rate = 4; ?>

<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star_border</i>

I want to make it: for example if $rate = 3 show 3x star, 2x star_border. if $rate = 4 show 4x star, 1x star_border

Here is my too long code. I want shorter and more practical.

<?php $rate = 1;?>
<?php if ($rate == 1): ?>
<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star_border</i>
<i class="material-icons md-18">star_border</i>
<i class="material-icons md-18">star_border</i>
<i class="material-icons md-18">star_border</i>
<?php elseif ($rate == 2): ?>
<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star_border</i>
<i class="material-icons md-18">star_border</i>
<i class="material-icons md-18">star_border</i>
<?php elseif ($rate == 3): ?>
<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star_border</i>
<i class="material-icons md-18">star_border</i>
<?php elseif ($rate == 4): ?>
<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star_border</i>
<?php elseif ($rate == 5): ?>
<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star</i>
<i class="material-icons md-18">star</i>
<?php endif;?>

Upvotes: 1

Views: 3153

Answers (1)

user9112752
user9112752

Reputation:

This should serve you well.

<?php
$rate = 3;
for ($x = 0; $x < $rate; $x++) {
    echo '<i class="material-icons md-18">star</i>';
}
for ($x = 0; $x < 5-$rate; $x++) {
    echo '<i class="material-icons md-18">star_border</i>';
}
?>

You echo as many starts as your rating says. And then you echo star borders as many as needed.

Upvotes: 4

Related Questions