Я работал с datacamp, в частности, с datacamp-light, и я хочу, чтобы любой, кто читает в Интернете, мог попытаться проверить свое решение проблемы, а затем проверить возможное решение этой проблемы, если получит застревают.
Для этого я нашел это с «атрибутом data-show-run-button», который, если я правильно понимаю, делает то, что мне нужно сделать.
Проблема в том, что я не понимаю, как использовать упомянутый «атрибут data-show-run-button», и то, что я пытаюсь сделать, не имеет никакого значения для Интернета.
Допустим, мой код следующий. Я не могу заставить эту опцию работать, поэтому студент может сначала ЗАПУСТИТЬ и выполнить свой собственный код, а затем мне показывают кнопку, чтобы он мог проверить решение.
Под этим последним битом я имею в виду, что есть вариант, который я смог выполнить, используя тег <code data-type="sct">, чтобы студент мог проверить решение. Проблема с этой опцией состоит в том, что она не позволяет просто запускать ИХ решение: она проверяет их ответ на соответствие любому тесту, который я мог написать (но у меня нет времени, чтобы написать тесты, достаточно робастные для работы этой опции).
В качестве дополнительной информации я нигде не смог увидеть, чтобы эта конкретная опция использовалась, и я проверил их github, но не очень хорошо понял, как они сами ожидают, что он будет использоваться, поэтому я потерян.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Ejercicios Comprueba tus conocimientos</title>
<link rel='shortcut icon' type='image/x-icon' href='https://www.datacamp.com/assets/favicon.ico'/>
<style>
.exercise {
margin: 50px;
}
</style>
<script async src="https://cdn.datacamp.com/dcl-react-dev.js.gz"></script>
</head>
<body>
<div class="exercise">
<div class="title">
<h2>#Ejercicios de creacion de arrays</h2>
</div>
<div data-datacamp-exercise data-lang="python" data-height="350">
<code data-type="pre-exercise-code"># no pec</code>
<code data-type="sample-code">
import numpy as np
import pandas as pd
#Write a solution to the code here
</code>
<code data-type="solution">
import numpy as np
import pandas as pd
#Solution to the problem:
print(1)
</code>
<code data-show-run-button=""></code>
<code data-type="sct"></code>
<div data-type="data-show-run-button">
</div>
<div data-type="hint">
</div>
</div>
</div>