Quando mudo a cor da div o programa para

Kauê Fucherberger Bonfá · Agosto 17, 2019

estou tentando fazer um programa que mostra qual produto vale mais a pena, mas estou tendo problemas, quando clico duas vezes para calcular a cor da div não volta a ser branco, por isso decidi criar uma função que faz a cor voltar a ser branco mas quando coloco a função o programa para de funcionar

meu programa está assim:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
#produto1 {
background: white;
border-radius: 10px;
text-align: center;

}
#produto2 {
background: white;
border-radius: 10px;
text-align: center;

}
#resultado{
text-align:center;

}
</style>
</head>
<body>
<div>
<div id="produto1">
<div><input type="number" id="quantidade1" name="quantidade" ></div>
<div><input type="number" id="preco1" name="preco"></div>
</div>
<div id="produto2">
<div><input type="number" id="quantidade2" name="quantidade"></div>
<div><input type="number" id="preco2" name="preco"></div>
</div>
</div>
<div><button onclick="calcular()">calcular</button></div>
<div><p>resultado:<a id="resultado"></a></p></div>
<script>

var v1
var v2
function calcular(){
var q1 = document.getElementById('quantidade1').value
var p1 = document.getElementById('preco1').value
var q2 = document.getElementById('quantidade2').value
var p2 = document.getElementById('preco2').value
v1=p1/q1
v2=p2/q2

mr()

}
function mr() {

if (v1 < v2) {
//deixar_branco()
document.getElementById('resultado').innerText='segundo produto'
document.getElementById('produto2').style.backgroundColor="#99CC32"

}
if (v2 < v1) {
//deixar_branco()
document.getElementById('resultado').innerText='primeiro produto'
document.getElementById('produto1').style.backgroundColor="#99CC32"

}
}
function deixar_branco() {
document.getElementById('produto2').style.backgroundColor = white
document.getElementById('produto1').style.backgroundColor = white
}
</script>

</body>
</html>