使用javascript更改特定文本

Changing specific text with javascript

本文关键字：文本 javascript 使用      更新时间：2023-09-26

我有一个html文件，我想改变其中的一些文本。

我想创建一个表单来改变这个文本，像这样:

<div id="texto">
    Texto original da div.
</div>
<form name="formTexto">
    <input type="text" name="novoTexto" id="novoTexto"/><br/>
    <input type="button" value="Alterar texto" onclick="alterarTexto()" />&nbsp;
    <input type="button" value="Adicionar texto" onclick="adicionarTexto()" />
</form>
<script language="javascript">
    function alterarTexto() {
        var novoTexto = document.formTexto.novoTexto.value;
        document.getElementById("texto").innerHTML = novoTexto;
    }
    function adicionarTexto() {
        var novoTexto = document.formTexto.novoTexto.value;
        document.getElementById("texto").innerHTML += "&nbsp;"+novoTexto;
    }
</script>

但是，我想在另一个文件中的"表单"，因为我正在创建一个管理区域来学习更多关于javascript和PHP。

有人能帮我吗?

p。对不起，请原谅!我的英语很差!

您可以使用文件开始。

下面是显示内容的index.php: 
<div id="texto"><?php echo file_get_contents('content.txt'); ?></div>
<a href="admin.php">Edit</a>

这里是admin。php:

<?php
session_start();
if($_POST['password'] == 'changeThis!') {
  $_SESSION['loggedin'] = true;
}
if($_SESSION['loggedin']) { // are we logged in?
if($_POST['content']) {
  file_put_contents('content.txt', $_POST['content']);
  die('Saved: ' . $_POST['content']);
}
?>
<form method="post">
  <textarea name="content"><?php echo file_get_contents('content.txt'); ?></textarea>
  <button type="submit">Save</button>
</form>
<?php
} else {
?>
  <form method="post">
    <input type="password" name="password">
    <button type="submit">Login</button>
  </form>
<?php
}
?>

不用说，这是让你开始的快速方法，但请熟悉会话如何工作，如何做模板(使用Twig或Smarty)以及如何使用数据库。

相关文章：