Great Deal! Get Instant $10 FREE in Account on First Order + 10% Cashback on Every Order Order Now

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 »
CSS_javaScript_regex/CSS selectors.docx
https:
domfu.com/app5/d
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 co
ect 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 co
ect answer in a text file (Notepad)
CSS_javaScript_regex/DOM.docx
https:
domfu.com/app5/d
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/d
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 co
ect 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 XXXXXXXXXX{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 co
ect expressions in text file (Notepad)
Answered Same Day May 15, 2021

Solution

Valupadasu answered on May 20 2021
137 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.
a onclick="write_attribute_experiment( this )"> Write Tag Attribute Experiment
a
script
function write_attribute_experiment(object)
    {
        object.setAttribute("class","heartbeat");
        alert(object.getAttribute("class"));
        
    }
script
7. Defined onClick event and added below code to replace inner html content.
a onclick="inerHTML_experiment( this )"> innerHTML Experiment
a
script
function inerHTML_experiment(object){
object.innerHTML="Hello
em> World
strong>";
}
8.
utton onClick="getHiddenAttribute()" type="button"> Get Tag Object Experiment
utton
script
function getHiddenAttribute(){
alert(document.getElementById("NSA").innerHTML);
}
9.
utton type="button"...
SOLUTION.PDF

Answer To This Question Is Available To Download

Related Questions & Answers

More Questions »

Submit New Assignment

Copy and Paste Your Assignment Here