cards.html Page title In the <head>, set the title of the page to “Deck of Cards
ID: 3730103 • Letter: C
Question
cards.html
Page title
In the <head>, set the title of the page to “Deck of Cards”
Link external JavaScript file
In the <head>, use the <script> tag to link in the external JavaScript file card.js
Link external CSS file
In the <head>, use the <link> tag to link in the external CSS file cards.css
Heading tag
In the <body>, use a heading tag to display “Deck of Cards”
Create a div
In the <body>, use the <div> tag with a unique id attribute that will be referenced by the JavaScript
cards.css
Class card
Create a class called card that sets the following style (you are free to change these values to style of your preference):
border: solid 1px #aaa;
border-radius: 9px;
width: 95px;
height: 150px;
float: left;
background-color: white;
padding: 3px 3px 3px 3px;
Class card with child class value
Create a child class called value to class card that sets the following style (you are free to change these values to style of your preference):
font-size: 24pt;
font-family: sans-serif;
please and thank you ive already got the javascript part.
cards.html
Page title
In the <head>, set the title of the page to “Deck of Cards”
Link external JavaScript file
In the <head>, use the <script> tag to link in the external JavaScript file card.js
Link external CSS file
In the <head>, use the <link> tag to link in the external CSS file cards.css
Heading tag
In the <body>, use a heading tag to display “Deck of Cards”
Create a div
In the <body>, use the <div> tag with a unique id attribute that will be referenced by the JavaScript
cards.css
Class card
Create a class called card that sets the following style (you are free to change these values to style of your preference):
border: solid 1px #aaa;
border-radius: 9px;
width: 95px;
height: 150px;
float: left;
background-color: white;
padding: 3px 3px 3px 3px;
Class card with child class value
Create a child class called value to class card that sets the following style (you are free to change these values to style of your preference):
font-size: 24pt;
font-family: sans-serif;
Explanation / Answer
Here is code:
cards.html:
<!doctype html>
<html>
<head>
<script src="./card.js"></script>
<link rel="stylesheet" href="./cards.css">
<title>Deck of Cards</title>
</head>
<body>
<h1>Deck of Cards</h1>
<div id="statsOut">
</div>
</body>
</html>
card.js:
var data = document.getElementById("statsOut");
cards.css:
.card {
border: solid 1px #aaa;
border-radius: 9px;
width: 95px;
height: 150px;
float: left;
background-color: white;
padding: 3px 3px 3px 3px;
}
.card.value {
font-size: 24pt;
font-family: sans-serif;
}
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.