<input id="pris" type="text" placeholder="Hur mycket kostade det?">
<button type="button" onclick="rabatt()">Rabatt</button>
<div></div>

<script>
const rabatt = () =>{
const input1 = document.getElementById("pris").value;

if(input1 > 10000){
document.querySelector("div").innerHTML = "Du fick en 30% rabatt! Det totala priset blev: " + input1 * 0.7 + "kr";
};
else if(input1 > 5000){
document.querySelector("div").innerHTML = "Du fick en 20% rabatt! Det totala priset blev: " + input1 * 0.8 + "kr";
};
else if(input1 > 1000){
document.querySelector("div").innerHTML = "Du fick en 10% rabatt! Det totala priset blev: " + input1 * 0.9 + "kr";
};
else{
document.querySelector("div").innerHTML = "Du fick ingen rabatt. Det totala priset blev: " + input1 + "kr";
};
}
</script>