@jimmijeg skrev tidligere du kunne bruge indexOf så her er et eks på dette, her skal ordet/tegnet bare være i det du taster så godkendes det
eks på ord der godkendes i myFunction02 men ikke i myFunction01 ( bør nok have nogle sigende functions navne
)
lille
gulkadet
lille
gul kadet
gul kadet
GuL <-- bliver lavet om til gul i toLowerCase
style.css
.no_answer{
color: blue;
}
.OK {
color: green;
}
.error {
color: red;
}
index.js
function myFunction01(mylist_text01) {
var div_msg01 = document.getElementById("msg01");
var msg01 = "";
if (mylist_text01 != "") {
if (mylist_text01 == "gul") {
msg01 = "<span class='OK'>Ok</span>";
} else {
msg01 = "<span class='error'>forkert</span>";
}
} else {
msg01 = "<span class='no_answer'>intet angivet</span>";
}
div_msg01.innerHTML = msg01;
}
function myFunction02(val) {
val = val.toLowerCase();
var div_msg02 = document.getElementById("msg02");
var msg02 = "";
if (val != "") {
var n = val.indexOf("gul");
if (n > -1) {
msg02 = "<span class='OK'>Ok</span>";
} else {
msg02 = "<span class='error'>forkert</span>";
}
} else {
msg02 = "<span class='no_answer'>intet angivet</span>";
}
div_msg02.innerHTML = msg02;
}
html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
<link href="style.css" type="text/css" rel="Stylesheet">
<style>
</style>
<script type="text/javascript" src="index.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<div id="msg01"> </div>
<!-- her må der kun være ET ord -->
<input type="text" id="test01">
<br>
<div id="msg02"> </div>
<!-- her kan der være FLERE ord -->
<input type="text" id="test02">
<script>
// add event listener
el = document.getElementById("test01");
el.addEventListener("blur", function () {
// jeg skal kun bruge værdien så det giver ikke mening at tage hele elementet over
myFunction01(this.value)
}, false);
el = document.getElementById("test02");
el.addEventListener("blur", function () {
// jeg skal kun bruge værdien så det giver ikke mening at tage hele elementet over
myFunction02(this.value)
}, false);
</script>
</body>
</html>
@Ronny, du skal overveje at bruge noget andet end <font> og color attributten, hvis du vil bruge HTML5.
det generer også mit øje ( er også forældet ), men ville ikke ændre coden for meget, da jimmi gerne skulle kunne genkende sin code, men der er hele tiden små ændringer i den rigtige retning.
så nu er fonten ude som en class, og lagt i en extern fil, og functionerne også lagt externt.
jeg overvejer om document.getElementById("msg0x"); ikke skulle med som en parameter også, da functionen ikke er så "bundet" af omgivelserne
altså
el = document.getElementById("test02");
el.addEventListener("blur", function () {
var out = document.getElementById("msg02");
myFunction02(this.value, out)
}, false);