Free javascript Hosting


tpmasterjs.js

Uploaded on Feb 09 2022 03:45 by pupilpluto

<html>
<head>
<title>Typing Master</title>
<style>
body {
background: lightpink;
}
#mainpg {
height: 100%;
width: 100%;
background: grey;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
}
#pnl1 {
height: 60%;
width: 60%;
background: lightyellow;
display: flex;
align-items: center;
justify-content: space-around;
}
#typingpnl1 {
height: 98%;
width: 75%;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#content {
height: 50%;
width: 100%;
background: transparent;
border: 1px solid gold;
}
#typbox {
height: 50%;
width: 100%;
background: transparent;
border: 1px solid green;
}
#liverpt {
height: 100%;
width: 25%;
background: lightgreen;

}

</style>
<head>
<body>
<div id="mainpg">
<div id="pnl1">
<div id="typingpnl">
<div id="content">
This is content box
</div>
<div id="typbox">This is typing box</div>
</div>
<div id="liverpt"></div>
Time
</div>
</div>
<script>
<script src="typed.js"></script>
var cont = `Hope means not giving in to negativism or depression in the face of setbacks. Optimism means having a strong expectation that things will turn out all right. Optimists attribute failure to something they can change, and therefore do not get depressed about it. Optimism is an emotionally intelligent attitude that boosts performance in the business world. Underlying both is self-efficacy, the belief that one has mastery over the events of one's life and can meet challenges.
Psychologists have identified a peak-performance state called flow. This is emotional intelligence at its best. Flow comes when people become fully engaged in a task in which they are highly skilled. It comes in the zone between boredom and anxiety. Emotions are positive, channeled and directed at the task at hand. It is a state of self-forgetfulness.`;
var contarr = cont.split(' ');

</script>
</body>
</html>

Back to list