Professional Documents
Culture Documents
Atualizaçao, HTML
Atualizaçao, HTML
DOCTYPE html>
<html>
<head>
<title>Poço do Quadrado Infinito</title>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
h1, h2 {
margin-bottom: 10px;
}
label {
display: inline-block;
width: 120px;
}
input[type="number"] {
width: 100px;
}
button {
padding: 5px 10px;
font-size: 16px;
}
#energies, #wavefunctions {
margin-top: 10px;
}
#wavefunctions {
max-width: 800px;
}
</style>
</head>
<body>
<h1>Poço do Quadrado Infinito</h1>
<h2>Parâmetros do Poço:</h2>
<label for="well-length">Comprimento:</label>
<input type="number" id="well-length" step="0.1" value="1.0"><br>
<button onclick="calculate()">Calcular</button>
<h2>Energias permitidas:</h2>
<div id="energies"></div>
<h2>Funções de Onda:</h2>
<div id="wavefunctions"></div>
<script type="text/javascript">
function infiniteSquareWell(length, numPoints) {
// Código Python aqui
// ...
}
function calculate() {
var wellLengthInput = document.getElementById("well-length");
var numPointsInput = document.getElementById("num-points");