Skip to content
Snippets Groups Projects
Commit 2136eefd authored by Lassi Haaranen's avatar Lassi Haaranen
Browse files

Modify the text in 'change_border_color' a bit

parent c99a7b70
No related branches found
No related tags found
No related merge requests found
...@@ -297,7 +297,7 @@ let Content = { ...@@ -297,7 +297,7 @@ let Content = {
order: 7 order: 7
}, },
change_border_color: { change_border_color: {
instructions: "Change the border color and the background color of the element on the left. Use any value that you prefer. In order to get the points you will have to use the developer tools console, and change the color in the <em>element</em> selector. Also remeber that the values you use should be valid ones.", instructions: "This looks quite horrible, please change the border color and the background color of the element on the left. You can use any value you prefer. In order to get the points you will have to use the developer tools console, and change the color in the <em>element</em> selector. Also remeber that the values you use should be valid ones.",
html: ` html: `
<style> <style>
div#color-element { div#color-element {
...@@ -310,7 +310,7 @@ let Content = { ...@@ -310,7 +310,7 @@ let Content = {
<form method="post" action="" id="color-form"> <form method="post" action="" id="color-form">
<div id="color-element" style="border-color: rgb(47, 252, 252); <div id="color-element" style="border-color: rgb(47, 252, 252);
background-color: rgb(252, 47, 252);"> background-color: rgb(252, 47, 252);">
Pease change the border and background colors of this element, my eyes are bleeding :'( This is quite bad for the eyes. Please change the border and background colors of this element
</div><br> </div><br>
<input type="submit" value="Grade" /> <input type="submit" value="Grade" />
</form> </form>
...@@ -327,7 +327,7 @@ let Content = { ...@@ -327,7 +327,7 @@ let Content = {
let colorsDefined = (borderColor.length > 0 && backgroundColor.length > 0) let colorsDefined = (borderColor.length > 0 && backgroundColor.length > 0)
if(colorsChanged && colorsDefined) { if(colorsChanged && colorsDefined) {
document.getElementById('color-element').innerHTML = "Huhuh, thank you! My eyes feel much better already 8-D" document.getElementById('color-element').innerHTML = "Thank you, that's much better!"
return { return {
points: pointAmount, points: pointAmount,
feedback: 'Congratulations, nice colors! You got ' + pointAmount + ' points.' feedback: 'Congratulations, nice colors! You got ' + pointAmount + ' points.'
...@@ -335,7 +335,7 @@ let Content = { ...@@ -335,7 +335,7 @@ let Content = {
} else { } else {
return { return {
points: 0, points: 0,
feedback: 'You have to change both the border color and background color with any valid value of your choice. Try again' feedback: 'You have to change both the border color and background color with any valid value of your choice.'
}; };
} }
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment