Commit 816becf7 authored by Shaik Shaziya's avatar Shaik Shaziya
Browse files

secondpageadded

parent b21f2bad
<!DOCTYPE html>
<html>
<head>
<title>Introduction</title>
<style type=text/css>
.leftdiv
{
float: left;
color:blue;
background-color:fuchsia;
}
.rightdiv
{
float: left;
color:red;
background-color:lime;
}
div{
padding : 1%;
color:purple;
background-color:pink;
width: 47%;
border: solid black;
}
body {
background-image: url('heathyperson2.jpg'),url('3.jpg');
background-repeat: no-repeat,no-repeat;
background-attachment: fixed,fixed;
background-position: right top,left top;
background-size:200px 200px,200px 200px;
}
</style>
<body align="center">
<br><br>
<h1 style="color:blue" align="center"><u>PRINCIPLES OF PREVENTION AND TREATMENT</u></h1>
<h2 style="color:blueviolet" align="center">PREVENTION :Action taken to decrease the chance of getting a disease or condition.</h2>
<h2 style="color:blueviolet" align="center">TREATMENT: Medical treatment means the management and care of a patient to combat disease or disorder.</h2>
<div class="leftdiv"/align="center">
<h1 align="center"><u>Principles of Prevention:</u></h1>
<img src="prevention.png" alt="hi"/ width="200" height="200"/></h2>
<div id="Display">
<h1>Click Next Below</h1>
<!--statements will be displyed here-->
</div>
<br><button onclick="next()" style="font-size:30px;background-color:blue;color:fuchsia;">Next</button>
<script src="javascript.js"></script>
</div>
<div class="rightdiv"/align="center">
<h1><u>Principles of Treatment:</u></h1>
<img src="transparent6.png" alt="hi"/ width="200" height="200"/></h2>
<div id="teratmentDisplay">
<h1>Click Next Below</h1>
<!--statements will be displyed here-->
</div>
<br><button onclick="nextone()" style="font-size:30px;background-color:red;color:lime;">Next</button>
<script src="javascript.js"></script>
</div>
</body>
</html>
var elements=[
'<b>By maintaing a Heathy life style</b><br><img src="workout.png" alt="hi"/ width="300" height="300"/>',
'<b>Routine medical check-up</b><br><img src="medical-sheckup.jpg" alt="hi"/ width="300" height="300"/>',
'<b>personal Hygine</b><br><img src="Hygiene.png" alt="hi"/ width="300" height="300"/>',
'<b>proper nutrition</b><br><img src="proper.jpg" alt="hi"/ width="300" height="300"/>',
'<b>Vaccination/Immunation<b><br><img src="vaccination.jpg" alt="hi"/ width="300" height="300"/>'
]
function next() {
var randomNumber=Math.floor(Math.random()*(elements.length));
document.getElementById('Display').innerHTML=elements[randomNumber];
}
var element=[
'<b> By taking madicenes to reduce the effect of disease like fever,pain etc.</b><br><img src="medicine.jpg" alt="hi"/ width="300" height="300"/>',
'<b>.To reduce the effects of diseases By taking complete rest to conserve the body energy.</b><br><img src="rest.jpg" alt="hi"/ width="300" height="300"/>',
'<b>To kill the cause of disease By taking anitibiotics and drugs which kill disease causing microbes.</b><br><img src="antibiotic2.jpg" alt="hi"/ width="300" height="300"/>'
]
function nextone() {
var randomNumber=Math.floor(Math.random()*(element.length));
document.getElementById('teratmentDisplay').innerHTML=element[randomNumber];
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment