diff --git a/content.js b/content.js index ddd77afb7e8d81261815c0ba5001b4c3981798c1..c666bcb4fce22558cb9c0866f9ca20d72fd6aa9d 100644 --- a/content.js +++ b/content.js @@ -347,15 +347,15 @@ let Content = { order: 8 }, css_checked_pseudo: { - instructions: "You need to add a new style rule (little + icon in the developer tools). That adds a <code>text-decoration</code> property with a value of <code>line-through</code> to any label elements that are <em>adjacent siblings</em> to a checked input. Hint: you can use <code>:checked</code> pseudo-element to select only those inputs which have been checked.", + instructions: "You need to add a new style rule (little + icon in the developer tools). That adds a <code>text-decoration</code> property with a value of <code>line-through</code> to any label elements that are <em>adjacent siblings</em> to a checked input. Hint: you can use <code>:checked</code> pseudo-element to select only those inputs which have been checked. To add the new style with the developer tools, right click on the exercise window and choose \"Inspect\". If you go directly to the deveoper tools, the browser might not apply the style.", html: "<form id=\"todo-list-form\"><input type=\"checkbox\" name=\"todo-list\" id=\"exercise\"><label for=\"excercise\">Exercise</label><br><input type=\"checkbox\" name=\"todo-list\" id=\"shopping\"><label for=\"shopping\">Shopping</label><br><input type=\"checkbox\" name=\"todo-list\" id=\"clean\"><label for=\"clean\">Clean</label></form>", selector: "#todo-list-form", events: "change", points: function ($element, config, event) { let givePoints = true; let feedback = ""; - const checkedLabels = $('#todo-list-form input:checked + label') - const allLabels = $('#todo-list-form input + label') + const checkedLabels = $('#todo-list-form input:checked + label'); + const allLabels = $('#todo-list-form input + label'); const inputs = $('#todo-list-form input'); let checkedSeen = false;