geir/startit
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

liten bug med operatorene

Browse source
This commit is contained in:
Geir Okkenhaug Jerstad 2024-08-23 13:46:21 +02:00
parent 7b19e5860c
commit b5a58f8cc6
1 changed files with 42 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

76
oppgaver/uke3/krokodille.html
View file

@ -1,59 +1,65 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Krokodille</title> <title>Krokodille</title>
<style> <style>
img{ img {
height: 100px; height: 100px;
} }
div{
div {
background-color: gray; background-color: gray;
} }
</style> </style>
</head> </head>
<body> <body>
<div> <div>
Poeng: <div id="points"></div> Poeng: <div id="points"></div>
<img src="../../Crocodile.svg.png"> <img src="../../Crocodile.svg.png">
<div>Lovlige operatorer < og > og = og ==</div> <div>Lovlige operatorer '<' og '>' og '=' og '==' </div>
<div id="number1"> <div id="number1">
</div>
<input id="operator">
<div id="number2">
</div>
<div>
<button onclick="check()">Submit</button>
<button onclick="randomNumber()">Reset</button>
</div>
</div> </div>
<input id="operator">
<div id="number2">
</div>
<div>
<button onclick="check()">Submit</button>
<button onclick="randomNumber()">Reset</button>
</div>
</div>
<script> <script>
let points = 0; let points = 0;
var number1 var number1
var number2 var number2
document.getElementById('points').innerHTML = `${points}`; document.getElementById('points').innerHTML = `${points}`;
function randomNumber(){ function randomNumber() {
number1 = Math.floor(Math.random() * 10) + 1; number1 = Math.floor(Math.random() * 10) + 1;
number2 = Math.floor(Math.random() * 10) + 1; number2 = Math.floor(Math.random() * 10) + 1;
document.getElementById('number1').innerHTML = `${number1}`; document.getElementById('number1').innerHTML = `${number1}`;
document.getElementById('number2').innerHTML = `${number2}`; document.getElementById('number2').innerHTML = `${number2}`;
}
function check(){
let operator = document.getElementById("operator").value;
// console.log(eval(number1 + operator + number2))
if (operator = '='){
operator = '==';
} }
if (eval(number1 + operator + number2)){ function check() {
++points; let operator = document.getElementById("operator").value;
document.getElementById('points').innerHTML = `${points}`; console.log(operator)
} else { if (operator == '=') {
alert('It is Wrong! to use Alert'); operator == '==';
}
console.log(eval(number1 + operator + number2));
if (eval(number1 + operator + number2)) {
++points;
document.getElementById('points').innerHTML = `${points}`;
} else {
alert('It is Wrong! to use Alert');
console.log(operator)
}
} }
} </script>
</script>
</body> </body>
</html> </html>