Générateur de Compte Rendu
<meta charset=”UTF-8″>
<title>Générateur de Compte Rendu</title>
body {
font-family: Arial, sans-serif;
padding: 20px;
background-color: #f0f0f8;
}
h2 {
color: #333;
}
.btn {
margin: 5px;
padding: 10px 15px;
background-color: #1976d2;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
.btn:hover {
background-color: #1565c0;
}
#output {
margin-top: 20px;
border: 1px solid #ccc;
padding: 15px;
background: #ffffff;
min-height: 120px;
}
#controls {
margin-top: 20px;
}
</style>
</head>
<body>
<h2>Générateur de Compte Rendu</h2>
<button class=”btn” onclick=”ajouterPhrase(‘La réunion a commencé à l\’heure.’)”>Phrase 1</button>
<button class=”btn” onclick=”ajouterPhrase(‘Les objectifs ont été clairement définis.’)”>Phrase 2</button>
<button class=”btn” onclick=”ajouterPhrase(‘Un consensus a été trouvé sur les actions à mener.’)”>Phrase 3</button>
<button class=”btn” onclick=”ajouterPhrase(‘La séance s\’est terminée à 17h00.’)”>Phrase 4</button>
<div id=”controls”>
<button class=”btn” onclick=”resetCompteRendu()”>Réinitialiser</button>
<button class=”btn” onclick=”exporterTexte()”>Exporter en .txt</button>
</div>
<div id=”output”></div>
<script>
function ajouterPhrase(phrase) {
const output = document.getElementById(“output”);
output.innerHTML += “<p>” + phrase + “</p>”;
}
function resetCompteRendu() {
document.getElementById(“output”).innerHTML = “”;
}
function exporterTexte() {
const contenu = document.getElementById(“output”).innerText;
const blob = new Blob([contenu], { type: “text/plain;charset=utf-8” });
const url = URL.createObjectURL(blob);
const lien = document.createElement(“a”);
lien.href = url;
lien.download = “compte_rendu.txt”;
document.body.appendChild(lien);
lien.click();
document.body.removeChild(lien);
URL.revokeObjectURL(url);
}
</script>
</body>
</html>