<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<div id="quadratic">
</div>
<input type = "text" name = "A" id="input-id" value="x=1" placeholder = "Введите а"><br> <!-- определяем элемент управления для текстовой информации -->
<button onclick="f()">Вычислить</button>
</body>
<!-- <script src="d3.min.js"></script>
<script src="function-plot.js"></script>
-->
<script src="https://unpkg.com/d3@3/d3.min.js"></script>
<script src="https://unpkg.com/function-plot@1/dist/function-plot.js"></script>
<script type="application/javascript">
function f(){
functionPlot({
target: '#quadratic',
data: [
{ fn: document.getElementById("input-id").value }
]
})
}
</script>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<!-- <div id="quadratic"> -->
<div id="polyline">
</div>
<input type = "text" name = "A" id="input-id" value="1" placeholder = "Введите а"><br> <!-- определяем элемент управления для текстовой информации -->
<button onclick="f()">Вычислить</button>
</body>
<!-- <script src="d3.min.js"></script>
<script src="function-plot.js"></script>
-->
<script src="https://unpkg.com/d3@3/d3.min.js"></script>
<script src="https://unpkg.com/function-plot@1/dist/function-plot.js"></script>
<script type="application/javascript">
function f(){
functionPlot({
target: <!-- '#quadratic'-->
'#polyline'
,
data: [
{
<!-- fn: document.getElementById("input-id").value -->
points:[
[document.getElementById("input-id").value,-3],
[document.getElementById("input-id").value,-2],
[document.getElementById("input-id").value,-1],
[document.getElementById("input-id").value,0],
[document.getElementById("input-id").value,1],
[document.getElementById("input-id").value,2],
[document.getElementById("input-id").value,3],
],
fnType: 'points',
graphType: 'polyline'
}
]
})
}
</script>
</html>