Как сделать сценарий для чередующихся статей по позиции? ⇐ Javascript

[Anonymous]

Итак, на моей странице в блоге у меня есть чередующиеся статьи, но я хочу, чтобы последний пост всегда был слева, как SO: < /p>


.rightarticle {
margin: 10px;
margin-left: auto;
width: 400px;
color: blueviolet;
}

.leftarticle {
margin: 10px;
margin-right: auto;
width: 400px;
color: blueviolet;
}

article h2 {
background-color: blueviolet;
font-size: 20px;
color: black;
width: 400px;
}< /code>

lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis diam sit amet neque rhoncus feugiat eget eget libero. Cras bibendum nisl nec erat ultricies vestibulum. Cras pretium volutpat lectus pretium tempus. Suspendisse sit amet sem vehicula, volutpat neque at, consequat turpis. Nulla volutpat orci et dui pharetra, dapibus interdum dolor auctor.


lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis diam sit amet neque rhoncus feugiat eget eget libero. Cras bibendum nisl nec erat ultricies vestibulum. Cras pretium volutpat lectus pretium tempus. Suspendisse sit amet sem vehicula, volutpat neque at, consequat turpis. Nulla volutpat orci et dui pharetra, dapibus interdum dolor auctor.


lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis diam sit amet neque rhoncus feugiat eget eget libero. Cras bibendum nisl nec erat ultricies vestibulum. Cras pretium volutpat lectus pretium tempus. Suspendisse sit amet sem vehicula, volutpat neque at, consequat turpis. Nulla volutpat orci et dui pharetra, dapibus interdum dolor auctor.
< /code>
< /div>
< /div>
< /p>
Но я хочу сценарий, который может сделать это для меня, так что я не буду T должен переназначить класс в каждую статью каждый раз, когда я делаю новый пост. >const list = document.getElementById("article").classList;
if ("article" % 2) {
list.add("rightarticle");
} else {
list.add("leftarticle");
}


Подробнее здесь: https://stackoverflow.com/questions/794 ... n-articles