From 81d76952797f162b7f2c5a4961ed19b13b493e1b Mon Sep 17 00:00:00 2001 From: giacomo <mariang1@aalto.fi> Date: Fri, 6 Mar 2020 14:11:49 +0200 Subject: [PATCH] updated exercise description --- content.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content.js b/content.js index ddd77af..c666bcb 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; -- GitLab