Test - Computational Biology Club

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Three.js Example</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
</head>
<body>
<script>
// Three.js code here
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

var geometry = new THREE.BoxGeometry();
var material = new THREE.MeshBasicMaterial(%7B color: 0x00ff00 %7D);
var cube = new THREE.Mesh(geometry, material);
scene.add(cube);

camera.position.z = 5;

var animate = function () %7B
requestAnimationFrame(animate);
cube.rotation.x += 0.01;
cube.rotation.y += 0.01;
renderer.render(scene, camera);
%7D;

animate();
</script>
</body>
</html> // Array of random facts const facts = [ "Bananas are berries, but strawberries aren't.", "A day on Venus is longer than a year on Venus.", "Honey never spoils.", "Octopuses have three hearts.", "The Eiffel Tower can grow more than 6 inches during the summer." ]; // Function to display a random fact const randomFactBtn = document.getElementById('randomFactBtn'); const randomFactDisplay = document.getElementById('randomFact'); randomFactBtn.addEventListener('click', function() { const randomIndex = Math.floor(Math.random() * facts.length); randomFactDisplay.innerText = facts[randomIndex]; });