-
Notifications
You must be signed in to change notification settings - Fork 0
/
EI_practices.html
98 lines (93 loc) · 1.99 KB
/
EI_practices.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!-- This is a web page displaying the 4 practice trial for Baysian Baby
Right click and open with Chrome
Click button label from 1 lto 4 in order to run the four practice trials
show previous arrow and this arrow
add random trials
//-->
<!doctype html>
<html lang="en">
<style>
body {
margin: 1px;
text-align: center;
}
.container {
position: absolute;
}
.button1 {
position: absolute;
top: 19px;
left: 1052px;
}
.button2 {
position: absolute;
top: 19px;
left: 1072px;
}
.button3 {
position: absolute;
top: 19px;
left: 1094px;
}
.button4 {
position: absolute;
top: 19px;
left: 1116px;
}
</style>
<script>
const YR_G = "https://scratch.mit.edu/projects/embed/234928137/?autostart=true";
const GYR = "https://scratch.mit.edu/projects/embed/234927912/?autostart=true";
const cG = "https://scratch.mit.edu/projects/embed/235151118/?autostart=true";
const eR = "https://scratch.mit.edu/projects/embed/235151145/?autostart=true";
function setURL(src) {
document.getElementById('iframe').src = src;
}
</script>
<head>
<title>Practices</title>
<link rel="icon" type="image/x-icon" href="images/lightbulb.ico"/>
</head>
<body>
<div>
<!-- <div class="container" > -->
<!-- embed Scratch into the webpage
1. YR_G
2. GYR
3. cG
4. eR
// -->
<iframe id="iframe"
width="1068" height="801"
allowtransparency="true" bgcolor=#F11111
src="https://scratch.mit.edu/projects/embed/234928137/?autostart=true";
frameborder="0" allowfullscreen="true">
</iframe>
<!-- 4 buttons for the four practice trials -->
<button
id="b1"
onclick="setURL(YR_G)"
class="button1"
type="button">1
</button>
<button
id="b2"
onclick="setURL(GYR)"
class="button2"
type="button">2
</button>
<button
id="b3"
onclick="setURL(cG)"
class="button3"
type="button">3
</button>
<button
id="b4"
onclick="setURL(eR)"
class="button4"
type="button">4
</button>
</div>
</body>
</html>