Html 创建工作表生成器_Html - Fatal编程技术网

Html 创建工作表生成器

html

Html 创建工作表生成器,html,Html,我希望你有一个伟大的一天我有一个电子商务网站出售PDF和电子书。我们以“教育”为基础，我们看到一些网站有工作表生成器。我们尝试使用httrack查看他们是如何制作脚本的，但没有任何效果。我们希望在如何工作方面得到一些帮助，并且有关于这类任务的教程。谢谢，祝你今天愉快编辑：我们忘了说，我们想要类似于education.com的东西我认为这段代码对您很有用代码数学工作表 //用于：http://codingforums.com/showthread.php?t=184125 var n问题

我希望你有一个伟大的一天

我有一个电子商务网站出售PDF和电子书。我们以“教育”为基础，我们看到一些网站有工作表生成器。我们尝试使用httrack查看他们是如何制作脚本的，但没有任何效果。我们希望在如何工作方面得到一些帮助，并且有关于这类任务的教程。谢谢，祝你今天愉快

编辑：我们忘了说，我们想要类似于education.com的东西

我认为这段代码对您很有用

代码


数学工作表
//用于：http://codingforums.com/showthread.php?t=184125
var n问题=25；
var xvals=[]；
var-yvals=[]；
对于（变量i=0；i

谢谢您的评论！但我需要更具体一些。我想要代码或类似于这些生成器的东西：

    <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>