SlideShare una empresa de Scribd logo
1 de 2
Descargar para leer sin conexión
<html>
<head>
<title>SQUARE PROBLEM</title>
<style>
form{color:black; background-color:purple; border:20px solid yellow;max-width:
400px;color:white;padding-right:10px;border-radius:100%;padding-left:30px;
padding-right:30px;padding-bottom:30px;font: 1.5em monospace}
label.title{outline:solid 7px yellow;color:black; background-color:yellow; float:left;
text-align:center; width:90%;border:solid yellow 10px;font-size:1.5em;margin-bottom
:5px;border-top-right-radius: 60px;border-top-left-radius: 60px;}
label.input{float:left; width:130px;color:black;margin-top:5px;color:white;margin-left:
20px}
label.output1{float:left; width:130px;color:red;}
label.output2{float:left; width:130px}
div{text-align: center;}
br{clear:both;}
.one,select{color:white;background-color:black; border:4px solid yellow; max-width:
150px; float:left;border-radius:25px;margin-top:5px;padding:4px;font:1em
monospace;}
.two{background-color:yellow; border:4px solid black; max-width:150px; float:left;
border-radius:25px;padding:4px}
.one2{background-color:red;border:4px solid black;color:white;border-radius:25px;}
.two2{border:4px solid yellow;background:black;color:lightblue;border-radius:25px;
font:1em monospace;}
</style>
</head>
<body>
<form>
<label class='title'><strong>SQUARE PROBLEM</strong></label><p>
<label class='input'><strong>Enter Side:</strong></label><input type="text" class=
'one' /><br>
<hr>
<label class='input'><strong>Area:</strong></label> <input type="text" class='one'
/><br>
<label class='input'><strong>Perimeter:</strong></label> <input type="text" class=
'one' /><br>
<hr>
<div>
<input type="button" value="Area" class='two2'/>
<input type="button" value="Perimeter" class='two2'/>
<input type="button" value="Both" onclick="both" class='two2'/><br>
<input type="button" value="Clear" class='two2' />
</div>
</form>
</body>
</html>
othenise it will be -20 for the correct square NoTE: Make sure to wse 1. Add Javascript to the
problem I the area, perineter or Both FORVULAS: Areaside'side periseter=4"side sure to make all
but tons 2. Externalize the JavaScript (10pts) 3. Externalize the CSS(10pts) SQUARE PROBLEM

Más contenido relacionado

Similar a lthtmlgt ltheadgt lttitlegtSQUARE PROBLEMltti.pdf

HTML5 Boilerplate - PV219
HTML5 Boilerplate - PV219HTML5 Boilerplate - PV219
HTML5 Boilerplate - PV219GrezCZ
 
BloggingWithStyle_2008
BloggingWithStyle_2008BloggingWithStyle_2008
BloggingWithStyle_2008tutorialsruby
 
BloggingWithStyle_2008
BloggingWithStyle_2008BloggingWithStyle_2008
BloggingWithStyle_2008tutorialsruby
 
Yeni metin belgesi (2)
Yeni metin belgesi (2)Yeni metin belgesi (2)
Yeni metin belgesi (2)makarnalar
 
sitecssindex.css.version.index{color#0000F2;background-colo.docx
sitecssindex.css.version.index{color#0000F2;background-colo.docxsitecssindex.css.version.index{color#0000F2;background-colo.docx
sitecssindex.css.version.index{color#0000F2;background-colo.docxmaoanderton
 
Bloggdesign #2 - hawaa.blogg.no
Bloggdesign #2 - hawaa.blogg.noBloggdesign #2 - hawaa.blogg.no
Bloggdesign #2 - hawaa.blogg.noHannee92
 
常用的CSS样式备份精华
常用的CSS样式备份精华常用的CSS样式备份精华
常用的CSS样式备份精华wensheng wei
 
Xlrays online web tutorials
Xlrays online web tutorialsXlrays online web tutorials
Xlrays online web tutorialsYogesh Gupta
 
Floating ad widget
Floating ad widgetFloating ad widget
Floating ad widgetpanther420
 
Css code for a awoko newspaper html website which provides busines.pdf
Css code for a awoko newspaper html website which provides busines.pdfCss code for a awoko newspaper html website which provides busines.pdf
Css code for a awoko newspaper html website which provides busines.pdfaroraenterprisesmbd
 
CSS Box Model and Dimensions
CSS Box Model and DimensionsCSS Box Model and Dimensions
CSS Box Model and DimensionsGerson Abesamis
 
Simple Blue Blog Template XML 的副本
Simple Blue Blog Template XML 的副本Simple Blue Blog Template XML 的副本
Simple Blue Blog Template XML 的副本a5494535
 
Doctype html publi
Doctype html publiDoctype html publi
Doctype html publiEddy_TKJ
 
cssblocks.css.b_page{ width 930px; margin 0 auto; position.docx
cssblocks.css.b_page{ width 930px; margin 0 auto; position.docxcssblocks.css.b_page{ width 930px; margin 0 auto; position.docx
cssblocks.css.b_page{ width 930px; margin 0 auto; position.docxfaithxdunce63732
 

Similar a lthtmlgt ltheadgt lttitlegtSQUARE PROBLEMltti.pdf (20)

Theme03
Theme03Theme03
Theme03
 
HTML5 Boilerplate - PV219
HTML5 Boilerplate - PV219HTML5 Boilerplate - PV219
HTML5 Boilerplate - PV219
 
BloggingWithStyle_2008
BloggingWithStyle_2008BloggingWithStyle_2008
BloggingWithStyle_2008
 
BloggingWithStyle_2008
BloggingWithStyle_2008BloggingWithStyle_2008
BloggingWithStyle_2008
 
Yeni metin belgesi (2)
Yeni metin belgesi (2)Yeni metin belgesi (2)
Yeni metin belgesi (2)
 
This is a test
This is a testThis is a test
This is a test
 
CSS Box Model
CSS Box ModelCSS Box Model
CSS Box Model
 
sitecssindex.css.version.index{color#0000F2;background-colo.docx
sitecssindex.css.version.index{color#0000F2;background-colo.docxsitecssindex.css.version.index{color#0000F2;background-colo.docx
sitecssindex.css.version.index{color#0000F2;background-colo.docx
 
Bloggdesign #2 - hawaa.blogg.no
Bloggdesign #2 - hawaa.blogg.noBloggdesign #2 - hawaa.blogg.no
Bloggdesign #2 - hawaa.blogg.no
 
常用的CSS样式备份精华
常用的CSS样式备份精华常用的CSS样式备份精华
常用的CSS样式备份精华
 
Theme01
Theme01Theme01
Theme01
 
Tmx9
Tmx9Tmx9
Tmx9
 
Xlrays online web tutorials
Xlrays online web tutorialsXlrays online web tutorials
Xlrays online web tutorials
 
Floating ad widget
Floating ad widgetFloating ad widget
Floating ad widget
 
Theme04
Theme04Theme04
Theme04
 
Css code for a awoko newspaper html website which provides busines.pdf
Css code for a awoko newspaper html website which provides busines.pdfCss code for a awoko newspaper html website which provides busines.pdf
Css code for a awoko newspaper html website which provides busines.pdf
 
CSS Box Model and Dimensions
CSS Box Model and DimensionsCSS Box Model and Dimensions
CSS Box Model and Dimensions
 
Simple Blue Blog Template XML 的副本
Simple Blue Blog Template XML 的副本Simple Blue Blog Template XML 的副本
Simple Blue Blog Template XML 的副本
 
Doctype html publi
Doctype html publiDoctype html publi
Doctype html publi
 
cssblocks.css.b_page{ width 930px; margin 0 auto; position.docx
cssblocks.css.b_page{ width 930px; margin 0 auto; position.docxcssblocks.css.b_page{ width 930px; margin 0 auto; position.docx
cssblocks.css.b_page{ width 930px; margin 0 auto; position.docx
 

Más de adityastores21

Ltfen admlar gsterin Zorbas hisseleri halka ak olma.pdf
Ltfen admlar gsterin   Zorbas hisseleri halka ak olma.pdfLtfen admlar gsterin   Zorbas hisseleri halka ak olma.pdf
Ltfen admlar gsterin Zorbas hisseleri halka ak olma.pdfadityastores21
 
ltheadergt with lth1gt tags that contain a titlehea.pdf
ltheadergt with lth1gt tags that contain a titlehea.pdfltheadergt with lth1gt tags that contain a titlehea.pdf
ltheadergt with lth1gt tags that contain a titlehea.pdfadityastores21
 
Los virus utilizan la maquinaria de la clula husped para r.pdf
Los virus utilizan la maquinaria de la clula husped para r.pdfLos virus utilizan la maquinaria de la clula husped para r.pdf
Los virus utilizan la maquinaria de la clula husped para r.pdfadityastores21
 
Luria ve Delbruck tarafndan gerekletirilen dalgalanma testi.pdf
Luria ve Delbruck tarafndan gerekletirilen dalgalanma testi.pdfLuria ve Delbruck tarafndan gerekletirilen dalgalanma testi.pdf
Luria ve Delbruck tarafndan gerekletirilen dalgalanma testi.pdfadityastores21
 
Lululemon ile ilgili kullanc tarafndan oluturulan ierii inc.pdf
Lululemon ile ilgili kullanc tarafndan oluturulan ierii inc.pdfLululemon ile ilgili kullanc tarafndan oluturulan ierii inc.pdf
Lululemon ile ilgili kullanc tarafndan oluturulan ierii inc.pdfadityastores21
 
Louis files as a single taxpayer In April of this year he r.pdf
Louis files as a single taxpayer In April of this year he r.pdfLouis files as a single taxpayer In April of this year he r.pdf
Louis files as a single taxpayer In April of this year he r.pdfadityastores21
 
Ltfen Washington Irvingin hikayesinde Ichabod Crane ve Bro.pdf
Ltfen Washington Irvingin hikayesinde Ichabod Crane ve Bro.pdfLtfen Washington Irvingin hikayesinde Ichabod Crane ve Bro.pdf
Ltfen Washington Irvingin hikayesinde Ichabod Crane ve Bro.pdfadityastores21
 
Lucy and Melvin share a flat They spend some of their money.pdf
Lucy and Melvin share a flat They spend some of their money.pdfLucy and Melvin share a flat They spend some of their money.pdf
Lucy and Melvin share a flat They spend some of their money.pdfadityastores21
 
Luisa Ortega naci a trmino y peso normal A las 4 semanas .pdf
Luisa Ortega naci a trmino y peso normal A las 4 semanas .pdfLuisa Ortega naci a trmino y peso normal A las 4 semanas .pdf
Luisa Ortega naci a trmino y peso normal A las 4 semanas .pdfadityastores21
 
Loyola Beeri Bilimlerden en iyi mezunlardan biri olan Maria.pdf
Loyola Beeri Bilimlerden en iyi mezunlardan biri olan Maria.pdfLoyola Beeri Bilimlerden en iyi mezunlardan biri olan Maria.pdf
Loyola Beeri Bilimlerden en iyi mezunlardan biri olan Maria.pdfadityastores21
 
Lotus irketinin son bilanosu aadaki gibidir Varlklar D.pdf
Lotus irketinin son bilanosu aadaki gibidir  Varlklar  D.pdfLotus irketinin son bilanosu aadaki gibidir  Varlklar  D.pdf
Lotus irketinin son bilanosu aadaki gibidir Varlklar D.pdfadityastores21
 
Los socios de Newman Company deciden liquidar la empresa cua.pdf
Los socios de Newman Company deciden liquidar la empresa cua.pdfLos socios de Newman Company deciden liquidar la empresa cua.pdf
Los socios de Newman Company deciden liquidar la empresa cua.pdfadityastores21
 
LTC Coding Activity Quiz Instructions Using the information.pdf
LTC Coding Activity Quiz Instructions Using the information.pdfLTC Coding Activity Quiz Instructions Using the information.pdf
LTC Coding Activity Quiz Instructions Using the information.pdfadityastores21
 
Ltfen adli botanikte bitki trlerinin tanmlanmas iin DNA a.pdf
Ltfen adli botanikte bitki trlerinin tanmlanmas iin DNA a.pdfLtfen adli botanikte bitki trlerinin tanmlanmas iin DNA a.pdf
Ltfen adli botanikte bitki trlerinin tanmlanmas iin DNA a.pdfadityastores21
 
Los pacientes del hospital a menudo reciben medicamentos nu.pdf
Los pacientes del hospital a menudo reciben medicamentos nu.pdfLos pacientes del hospital a menudo reciben medicamentos nu.pdf
Los pacientes del hospital a menudo reciben medicamentos nu.pdfadityastores21
 
Louis ha pasado al paso de planificacin de la investigacin.pdf
Louis ha pasado al paso de planificacin de la investigacin.pdfLouis ha pasado al paso de planificacin de la investigacin.pdf
Louis ha pasado al paso de planificacin de la investigacin.pdfadityastores21
 
Los genes A B y C se clasifican y controlan de forma indep.pdf
Los genes A  B y C se clasifican y controlan de forma indep.pdfLos genes A  B y C se clasifican y controlan de forma indep.pdf
Los genes A B y C se clasifican y controlan de forma indep.pdfadityastores21
 
Ltfen soruyu okuyun ve cevaplayn Green River Katili olara.pdf
Ltfen soruyu okuyun ve cevaplayn  Green River Katili olara.pdfLtfen soruyu okuyun ve cevaplayn  Green River Katili olara.pdf
Ltfen soruyu okuyun ve cevaplayn Green River Katili olara.pdfadityastores21
 
MAINCPP include ltiostreamgt include ltstringgt u.pdf
MAINCPP include ltiostreamgt include ltstringgt u.pdfMAINCPP include ltiostreamgt include ltstringgt u.pdf
MAINCPP include ltiostreamgt include ltstringgt u.pdfadityastores21
 
Many features of firm and bank balance sheets are the same o.pdf
Many features of firm and bank balance sheets are the same o.pdfMany features of firm and bank balance sheets are the same o.pdf
Many features of firm and bank balance sheets are the same o.pdfadityastores21
 

Más de adityastores21 (20)

Ltfen admlar gsterin Zorbas hisseleri halka ak olma.pdf
Ltfen admlar gsterin   Zorbas hisseleri halka ak olma.pdfLtfen admlar gsterin   Zorbas hisseleri halka ak olma.pdf
Ltfen admlar gsterin Zorbas hisseleri halka ak olma.pdf
 
ltheadergt with lth1gt tags that contain a titlehea.pdf
ltheadergt with lth1gt tags that contain a titlehea.pdfltheadergt with lth1gt tags that contain a titlehea.pdf
ltheadergt with lth1gt tags that contain a titlehea.pdf
 
Los virus utilizan la maquinaria de la clula husped para r.pdf
Los virus utilizan la maquinaria de la clula husped para r.pdfLos virus utilizan la maquinaria de la clula husped para r.pdf
Los virus utilizan la maquinaria de la clula husped para r.pdf
 
Luria ve Delbruck tarafndan gerekletirilen dalgalanma testi.pdf
Luria ve Delbruck tarafndan gerekletirilen dalgalanma testi.pdfLuria ve Delbruck tarafndan gerekletirilen dalgalanma testi.pdf
Luria ve Delbruck tarafndan gerekletirilen dalgalanma testi.pdf
 
Lululemon ile ilgili kullanc tarafndan oluturulan ierii inc.pdf
Lululemon ile ilgili kullanc tarafndan oluturulan ierii inc.pdfLululemon ile ilgili kullanc tarafndan oluturulan ierii inc.pdf
Lululemon ile ilgili kullanc tarafndan oluturulan ierii inc.pdf
 
Louis files as a single taxpayer In April of this year he r.pdf
Louis files as a single taxpayer In April of this year he r.pdfLouis files as a single taxpayer In April of this year he r.pdf
Louis files as a single taxpayer In April of this year he r.pdf
 
Ltfen Washington Irvingin hikayesinde Ichabod Crane ve Bro.pdf
Ltfen Washington Irvingin hikayesinde Ichabod Crane ve Bro.pdfLtfen Washington Irvingin hikayesinde Ichabod Crane ve Bro.pdf
Ltfen Washington Irvingin hikayesinde Ichabod Crane ve Bro.pdf
 
Lucy and Melvin share a flat They spend some of their money.pdf
Lucy and Melvin share a flat They spend some of their money.pdfLucy and Melvin share a flat They spend some of their money.pdf
Lucy and Melvin share a flat They spend some of their money.pdf
 
Luisa Ortega naci a trmino y peso normal A las 4 semanas .pdf
Luisa Ortega naci a trmino y peso normal A las 4 semanas .pdfLuisa Ortega naci a trmino y peso normal A las 4 semanas .pdf
Luisa Ortega naci a trmino y peso normal A las 4 semanas .pdf
 
Loyola Beeri Bilimlerden en iyi mezunlardan biri olan Maria.pdf
Loyola Beeri Bilimlerden en iyi mezunlardan biri olan Maria.pdfLoyola Beeri Bilimlerden en iyi mezunlardan biri olan Maria.pdf
Loyola Beeri Bilimlerden en iyi mezunlardan biri olan Maria.pdf
 
Lotus irketinin son bilanosu aadaki gibidir Varlklar D.pdf
Lotus irketinin son bilanosu aadaki gibidir  Varlklar  D.pdfLotus irketinin son bilanosu aadaki gibidir  Varlklar  D.pdf
Lotus irketinin son bilanosu aadaki gibidir Varlklar D.pdf
 
Los socios de Newman Company deciden liquidar la empresa cua.pdf
Los socios de Newman Company deciden liquidar la empresa cua.pdfLos socios de Newman Company deciden liquidar la empresa cua.pdf
Los socios de Newman Company deciden liquidar la empresa cua.pdf
 
LTC Coding Activity Quiz Instructions Using the information.pdf
LTC Coding Activity Quiz Instructions Using the information.pdfLTC Coding Activity Quiz Instructions Using the information.pdf
LTC Coding Activity Quiz Instructions Using the information.pdf
 
Ltfen adli botanikte bitki trlerinin tanmlanmas iin DNA a.pdf
Ltfen adli botanikte bitki trlerinin tanmlanmas iin DNA a.pdfLtfen adli botanikte bitki trlerinin tanmlanmas iin DNA a.pdf
Ltfen adli botanikte bitki trlerinin tanmlanmas iin DNA a.pdf
 
Los pacientes del hospital a menudo reciben medicamentos nu.pdf
Los pacientes del hospital a menudo reciben medicamentos nu.pdfLos pacientes del hospital a menudo reciben medicamentos nu.pdf
Los pacientes del hospital a menudo reciben medicamentos nu.pdf
 
Louis ha pasado al paso de planificacin de la investigacin.pdf
Louis ha pasado al paso de planificacin de la investigacin.pdfLouis ha pasado al paso de planificacin de la investigacin.pdf
Louis ha pasado al paso de planificacin de la investigacin.pdf
 
Los genes A B y C se clasifican y controlan de forma indep.pdf
Los genes A  B y C se clasifican y controlan de forma indep.pdfLos genes A  B y C se clasifican y controlan de forma indep.pdf
Los genes A B y C se clasifican y controlan de forma indep.pdf
 
Ltfen soruyu okuyun ve cevaplayn Green River Katili olara.pdf
Ltfen soruyu okuyun ve cevaplayn  Green River Katili olara.pdfLtfen soruyu okuyun ve cevaplayn  Green River Katili olara.pdf
Ltfen soruyu okuyun ve cevaplayn Green River Katili olara.pdf
 
MAINCPP include ltiostreamgt include ltstringgt u.pdf
MAINCPP include ltiostreamgt include ltstringgt u.pdfMAINCPP include ltiostreamgt include ltstringgt u.pdf
MAINCPP include ltiostreamgt include ltstringgt u.pdf
 
Many features of firm and bank balance sheets are the same o.pdf
Many features of firm and bank balance sheets are the same o.pdfMany features of firm and bank balance sheets are the same o.pdf
Many features of firm and bank balance sheets are the same o.pdf
 

Último

BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfchloefrazer622
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...Sapna Thakur
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfAyushMahapatra5
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajanpragatimahajan3
 
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...PsychoTech Services
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 

Último (20)

BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdf
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
 
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 

lthtmlgt ltheadgt lttitlegtSQUARE PROBLEMltti.pdf

  • 1. <html> <head> <title>SQUARE PROBLEM</title> <style> form{color:black; background-color:purple; border:20px solid yellow;max-width: 400px;color:white;padding-right:10px;border-radius:100%;padding-left:30px; padding-right:30px;padding-bottom:30px;font: 1.5em monospace} label.title{outline:solid 7px yellow;color:black; background-color:yellow; float:left; text-align:center; width:90%;border:solid yellow 10px;font-size:1.5em;margin-bottom :5px;border-top-right-radius: 60px;border-top-left-radius: 60px;} label.input{float:left; width:130px;color:black;margin-top:5px;color:white;margin-left: 20px} label.output1{float:left; width:130px;color:red;} label.output2{float:left; width:130px} div{text-align: center;} br{clear:both;} .one,select{color:white;background-color:black; border:4px solid yellow; max-width: 150px; float:left;border-radius:25px;margin-top:5px;padding:4px;font:1em monospace;} .two{background-color:yellow; border:4px solid black; max-width:150px; float:left; border-radius:25px;padding:4px} .one2{background-color:red;border:4px solid black;color:white;border-radius:25px;} .two2{border:4px solid yellow;background:black;color:lightblue;border-radius:25px; font:1em monospace;} </style> </head>
  • 2. <body> <form> <label class='title'><strong>SQUARE PROBLEM</strong></label><p> <label class='input'><strong>Enter Side:</strong></label><input type="text" class= 'one' /><br> <hr> <label class='input'><strong>Area:</strong></label> <input type="text" class='one' /><br> <label class='input'><strong>Perimeter:</strong></label> <input type="text" class= 'one' /><br> <hr> <div> <input type="button" value="Area" class='two2'/> <input type="button" value="Perimeter" class='two2'/> <input type="button" value="Both" onclick="both" class='two2'/><br> <input type="button" value="Clear" class='two2' /> </div> </form> </body> </html> othenise it will be -20 for the correct square NoTE: Make sure to wse 1. Add Javascript to the problem I the area, perineter or Both FORVULAS: Areaside'side periseter=4"side sure to make all but tons 2. Externalize the JavaScript (10pts) 3. Externalize the CSS(10pts) SQUARE PROBLEM