---
title: "Färg beroende på värde?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/92156-färg-beroende-på-värde"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "wborg"
published: "2003-12-08T20:17:01.000Z"
updated: "2003-12-09T04:16:59.000Z"
replies: 1
views: 171
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/92156-färg-beroende-på-värde"
---

# Färg beroende på värde?

## #1 — wborg, 2003-12-08T20:17Z

Tja,

Har följande kod som jag vill modifiera lite:

```
<td bgcolor="red"><input type="text" value="0" style="text-align: center; font-weight: bold; color: ;" size="1" name="summa<%=Request.QueryString("varv")%>"></td>
```

Vad jag vill åstakomma här är att det ska vara olika
färg beroende på vad summan blir:

18 - 29 = Blå
30 - 35 = Grön
36 - 39 = Röd
40 -  = Svart

/S

Permalänk: https://www.webforum.nu/p/92156

## #2 — wborg, 2003-12-09T04:16Z

Jag löste det.

```
<script type="text/javascript">
function addera(theForm){
var summan = 0;
var color = "black";
for(var i=0; i<18; i++){
summan += (isNaN(parseFloat(theForm.elements[i].value))) ? 0 : parseFloat(theForm.elements[i].value);
}
if (summan<30) color="blue";
else if (summan<36) color="green";
else if (summan<40) color="red";
theForm.summa.style.color=color;
theForm.summa.value = summan;
}
</script>
```

```
<input type="text" value="0" style="text-align: center; font-weight: bold; color: blue;" size="1" name="summa">
```

/S

Permalänk: https://www.webforum.nu/p/1222732

---

Tråden på webben: https://www.webforum.nu/amne/javascript/92156-färg-beroende-på-värde