Click here for free DL of the app version that can save data.

No:40854

←

Prev Next

→

DNA game
Developer User15526｜Date and time 24/2/4 9:41:46
Build time 9.525 sec｜Game capacity 3.238KB｜

Script

Sure, I can help you create a DNA game using JavaScript. Here's an example of a simple DNA sequencing game using pictograms:

DNA Sequencing Game

Drag and drop the DNA bases to form a correct sequence!

In this game, you will see four pictograms representing DNA bases (`A`, `T`, `C`, and `G`). You can drag and drop these bases into the "sequence" area. Once you have formed a sequence of four bases, the game will check if it matches the target sequence (`atcg` in this example) and display a corresponding message. Please note that you'll need to replace the image URLs with the actual URLs of your DNA pictograms. Also, make sure to save the images in the same directory as the HTML file.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

Click here for free DL of the app version that can save data.

Sure, I can help you create a DNA game using JavaScript. Here's an example of a simple DNA sequencing game using pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>DNA Sequencing Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        img {
            width: 100px;
            height: 100px;
        }
    </style>
</head>
<body>
    <h1>DNA Sequencing Game</h1>
    <p>Drag and drop the DNA bases to form a correct sequence!</p>
    
    <div id="target">
        <img id="base1" src="pictogram_a.png" ondragstart="event.dataTransfer.setData('text/plain', 'a')" draggable="true">
        <img id="base2" src="pictogram_t.png" ondragstart="event.dataTransfer.setData('text/plain', 't')" draggable="true">
        <img id="base3" src="pictogram_c.png" ondragstart="event.dataTransfer.setData('text/plain', 'c')" draggable="true">
        <img id="base4" src="pictogram_g.png" ondragstart="event.dataTransfer.setData('text/plain', 'g')" draggable="true">
    </div>
    
    <div id="sequence" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
    
    <h2 id="result"></h2>

// Check if sequence already has 4 bases, if not, add the dropped base
            if (sequence.childElementCount < 4) {
                let img = document.createElement("img");
                img.src = "pictogram_" + data + ".png";
                img.width = 100;
                img.height = 100;
                sequence.appendChild(img);
            }
            
            // Check if sequence has 4 bases, if so, check if it matches the target sequence
            if (sequence.childElementCount === 4) {
                let sequenceStr = '';
                Array.from(sequence.children).forEach((child) => {
                    sequenceStr += child.src.substring(child.src.lastIndexOf("_") + 1, child.src.lastIndexOf("."));
                });
                
                if (sequenceStr.toLowerCase() === targetSequence) {
                    document.getElementById("result").textContent = "Congratulations! You correctly sequenced the DNA.";
                } else {
                    document.getElementById("result").textContent = "Sorry, the DNA sequence is incorrect. Try again.";
                }
            }
        }
    </script>
</body>
</html>
```

Please note that you'll need to replace the image URLs with the actual URLs of your DNA pictograms. Also, make sure to save the images in the same directory as the HTML file.