CSS_javaScript_regex/CSS selectors.docx https://domfu.com/app5/db/CSSSelectors/CSSGame.html#12 Start at number 12. Use “Inspect Element” to find and select the “flashing” element. Follow the rules on...

1 answer below »
javaScript, CSS and RegexFollow instructions in the word document in the attached zip file


CSS_javaScript_regex/CSS selectors.docx https://domfu.com/app5/db/CSSSelectors/CSSGame.html#12 Start at number 12. Use “Inspect Element” to find and select the “flashing” element. Follow the rules on the right to select the element using CSS selectors. When you enter the correct answer, it will change to green with smiling faces. For example 0 = div, 1 = *, 2 = #one, 3 = div p, 4 = #one p, 5 = .one, 6 = p.one, 7 = .myClass p, 8 = div.myClass p, 9 = DIV, 10 = #one .one *, 11 = b , p, 1 Start at number 12. Do not save on the link Number and save the correct answer in a text file (Notepad) CSS_javaScript_regex/DOM.docx https://domfu.com/app5/db/dom2019/ Use the attached file “DOMtemplate” to complete/answer the question. Use firefox view element and page source Start at 1.Click and finish all 39 Do not save on the link Number and save the answer in text file (Notepad) CSS_javaScript_regex/DOMtemplate.html Click Experiment Console Experiment Hover Experiment 1 & 2 Event Experiment 1 Event Experiment 2 -Internal Javascript Code- Alert Experiment 1 Alert Experiment 2 Read Tag Attribute Experiment Write Tag Attribute Experiment innerHTML Experiment No Strings Attached Get Tag Object Experiment Browser Window Width Toggle Experiment 1 Toggle Experiment 2 Size Experiment 1 Size Experiment 2 Size Experiment + Size Experiment - Read Form Value Experiment 1 Write Form Value Experiment 2 Countdown Experiment 1 Countdown Experiment 2 Find the LABEL Find password Find the LEGEND Demo form password: CSS_javaScript_regex/Regex.docx https://domfu.com/app5/db/REGame/REGame.html#17 Start from number 17 Write regex statements in the inbox to “match any substring”, “skip all substrings” and follows the “Rules” When you have the correct expression, it should be green and smiling faces Example 0 = hello world, 1 = hello world, 2 = [mcl]an, 3 = [m0-9]an, 4 = [^mbc]an[n.], 5 = ...., 6 = \n., 7 = ^here$, 8 = one|two, 9 = ^one$|^two$, 10 = joh*n, 11 = ^Z[oz], 12 = ^Z, 13 = ^[0-9z]{3}[0-9]{0,5}$|^$, 14 = ^(first) (last) \2 \1 \2{4}$, 15 = first [mr]?i?d?d?l?e? ?last, 16 = ^(fred|Wilma|(bam){2})+ Flintstone Start from number 17 Do not save on the link Number and save your correct expressions in text file (Notepad)
Answered Same DayMay 15, 2021

Answer To: CSS_javaScript_regex/CSS selectors.docx https://domfu.com/app5/db/CSSSelectors/CSSGame.html#12 Start...

Valupadasu answered on May 20 2021
146 Votes
Css Selector ans.txt
12) div>span
13) .orderedList>li
14) ol>li>ol>li
15) input:required
16) input[type=password]
17) div:nth-child(-n+2)
18) div:nth-child(-n+2)
19) b[title*="middle"]
20) p:not(:last-child)
21) p:not(:first-child):nth
-last-child(odd)
22) b:nth-last-child(odd)
23) tr:first-of-type td:first-of-type,tr:first-of-type+tr td:first-of-type+td,tr:first-of-type+tr+tr td:first-of-type+td+td
24) p:first-of-type
25) p:last-child
26) p:first-child:nth-last-child(1)
27) p:first-child,p:last-child
28) p:nth-child(2n+2)
29) p:nth-child(2n+1)
30) p:first-of-type
31) p:nth-last-child(3)
32) div:nth-last-child(2)
33) :not(#not_me)
34) p:not(.someClass)
35) input:required
36) tr:nth-of-type(1)>:nth-child(1),tr:nth-of-type(2)>:nth-child(2),tr:nth-of-type(3)>:nth-child(3)
DOM answers.txt
1. Buttons are used for actionable events , as we are prompting alert box(which is used to prompt a message) onClick of the button "Hello World!" message displayed on alert box.
2. Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:76.0) Gecko/20100101 Firefox/76.0100
3. Commented the unnecessary block availble in script file which also contains } , can cause issues in script. After commenting the unnecessary code, found two alerts one shows button object as we are sending buttonobject as input using this and another alert with value of button which is "Hello World!"
4. Added alert("Hello"); in alert_experiment_2 method to get alert with Hello.
5. Created below function to get required alert
    function read_attribute_experiment(object)
    {
        alert(object.getAttribute("class"));
    }
    
6. Defined onlick event on the tag and added below code to assign class and added alert to show the assigned class.
Write Tag Attribute Experiment

7. Defined onClick event and added below code to replace inner html content.
innerHTML Experiment