创建工作表生成器

时间:2018-10-29 11:12:11

标签: html

我希望你过得愉快!

我有一个出售pdf和ebook的电子商务网站。我们基于“教育”,并且我们已经看到一些带有工作表生成器的网站。我们尝试使用httrack来查看他们如何制作脚本,但没有任何效果。我们很乐意为您提供一些帮助,以帮助您实现工作原理,并提供有关此类任务的任何教程。谢谢,祝你有美好的一天!

编辑:我们忘了说了,我们想要一个类似于education.com的东西

1 个答案:

答案 0 :(得分:0)

我认为这段代码对您有用。...

代码。

    <html>
    <head>
    <title>Math WorkSheet</title>
    <script type="text/javascript">
        // For: http://codingforums.com/showthread.php?t=184125

        var NProblems = 25;
        var xvals = [];
        var yvals = [];
        for (var i = 0; i < NProblems; i++) {
            //  xvals.push(i);    yvals.push(i+1);          // limit to problem values to (0,1) ... 25
            xvals.push(i % 10);
            yvals.push((i % 10) + 1); // limit to single digit problems
        }

        function MakeTable(act) {
            var tmp = '';
            var str = '<table border="1" width="80%"><tr>';
            i = 0;
            while (i < NProblems) {
                x = xvals[i];
                y = yvals[i];
                str += '<td align="right">' + x;
                if (act == 'add') {
                    str += '<br>+ ' + y;
                    tmp = x + y;
                }
                if (act == 'sub') {
                    str += '<br>- ' + y;
                    tmp = x - y;
                }
                if (act == 'mul') {
                    str += '<br>* ' + y;
                    tmp = x * y;
                }
                if (act == 'div') {
                    str += '<br>/ ' + y;
                    tmp = (x / y).toFixed(2);
                }
                str += '<br>_____';
                if (document.getElementById('answers').checked) {
                    str += '<br>' + tmp;
                } else {
                    str += '<br>&nbsp;'
                }
                str += '<br>&nbsp;</td>';
                i++;
                if ((i % 5) == 0) {
                    str += '</tr><tr>';
                }
            }
            str += '</tr></table>';
            return str;
        }

        function GenerateWS() {
            var x = 0;
            var y = 0;
            var str = '';
            var str = '';
            var sel = document.getElementById('MathAction').value;
            switch (sel) {
                case 'add':
                    str += MakeTable(sel);
                    break;
                case 'sub':
                    str += MakeTable(sel);
                    break;
                case 'mul':
                    str += MakeTable(sel);
                    break;
                case 'div':
                    str += MakeTable(sel);
                    break;
                default:
                    alert('No choice selected');
                    break;
            }
            document.getElementById('TBL').innerHTML = str;
        }

        function randOrd() {
            return (Math.round(Math.random()) - 0.5);
        }

        function NewSet() {
            xvals.sort(randOrd);
            yvals.sort(randOrd);
        }
    </script>
</head>

<body>
    <select id="MathAction">
        <option value="add">Addition</option>
        <option value="sub">Subtraction</option>
        <option value="mul">Multiplication</option>
        <option value="div">Division</option>
    </select>
    <button onclick="NewSet()">New worksheet</button>
    <input type="checkbox" id="answers">Show Answers
    <button onclick="GenerateWS()">Generate Worksheet</button>
    <div id="TBL"></div>
</body>

</html>