为用户更改箭头颜色答案

【问题标题】：changing Arrow Color for users为用户更改箭头颜色
【发布时间】：2021-04-04 12:26:49
【问题描述】：

我是 Django 后端开发人员，我创建了一个博客我只想知道如何在用户为特定帖子投票后为选定的箭头着色并保存

这是箭头 Html：

<a href="{% url 'home:post-vote-up' id=posts.id %}">
  <i class="fas fa-arrow-up"></i>
</a>
<p class="lead">{{posts.votes}}</p>
<a href="{% url 'home:post-vote-down' id=posts.id %}"
  <i class="fas fa-arrow-down"></i>  
</a>

【问题讨论】：

标签： javascript html css django

【解决方案1】：

只需为要使用 JS 选择的元素添加一个 ID 和一个 onclick 函数，然后在选择后更改它的颜色：

function arrowClickUp() {
  document.getElementById("arrowUp").style.color = "red";
}

function arrowClickDown() {
  document.getElementById("arrowDown").style.color = "red";
}

<a href="{% url 'home:post-vote-up' id=posts.id %}">
  <i onclick="arrowClickUp()" id="arrowUp" class="fas fa-arrow-up"></i>
 </a>
 <p class="lead">{{posts.votes}}</p>
<a href="{% url 'home:post-vote-down' id=posts.id %}">
  <i onclick="arrowClickDown()" id="arrowDown" class="fas fa-arrow-down"></i> 
</a>

注意：你应该将你使用的字体库链接到你的 sn-p，因为你什么都看不到

【讨论】：

但是老兄每次我刷新页面颜色都会消失