GabrielSennaMs

Bom o problema é que você colocou muita biblioteca, muita ferramenta de desenvolvimento HTML, CSS. Por qual motivo você quer usar o Bootstrap com w3.css e o Material design, isso obviamente não vai funcionar porque vai acontecer conflitos em CSS, e vai deixa sua página mais pesada. Você também adicionou novamente a biblioteca do Jquery, bootstrap.min no final da página, sendo que você já havia adicionado ela no cabeçalho da página. Recomendo a você só trabalhar com uma ferramenta de desenvolvimento HTML, CSS, também recomendo a você mudar a posição do jquery no cabeçalho, coloca ele para ser o primeiro da lista de script, isso vai evitar erros no console.

@devprogramador O seu script pode funcionar de boa, é só você trocar o tipo(type) do botão de enviar(submit) para botão(button). Em relação a seleção do formulário e melhor você trabalhar com ID porque o ID é único a class não é, você também pode trabalhar com o nome(name). Exemplo: <form name="form_login" action="login.php" onsubmit="return logar()" method="post"> <input type="text" name="login" placeholder="Login"> <input type="password" name="senha" placeholder="Senha"> <button type="submit">Logar</button> </form> <script> function logar(){ let form = document.forms["form_login"], login = form["login"].value, senha = form["senha"].value console.log(login, senha) return false } </script>

Bom a maneira mais fácil, serial você editando o vídeo, caso não seja possível, o único jeito que sobrou é manipular o elemento vídeo usando JS(javascript). Eu criei um script simples para fazer esse loop, porém eu não recomento o uso porque a politica do Chrome não permite. O script vai funcionar de boa em todos os navegadores modernos até mesmo no Chrome, porém eu tive que força a função play() para isso. <video id="video" source="video/mp4" src="seuvideo.mp4#t=0,5" autoplay muted controls></video> <script type="text/javascript"> window.onload = function(){ // Verificando se a página foi carregada para chamar a função de loop loopVideo(0, 5); // Chamando a função, especificando o tempo inicial(TempI) e o tempo final(TempF), o valor deve ser segundos // Você também pode colocar o tempo para fazer o loop, porém o tempo tem que ser em milissegundo } function loopVideo(tempI = 0, tempF = 0, tempLoop = 0){ // Função que vai fazer o loop let video = document.getElementById("video"), // Selecionado o elemento video tempL = (tempLoop > 0)? tempLoop : (1000 * (tempF - tempI)), // Verificando se um valor de loop foi inserido, caso o valor não tenha sido inserido ele vai subtrair o tempo final com o tempo inicio depois vai mutiplicar esse valor por 1000 assim convertendo em milisegundo play = (tempI >= 0 && tempF > 0 && tempI < tempF)? null : false; // Verificando se o tempo inicial é maior que o tempo final, caso o tempo inicial sejá maior que o tempo final ele não vai executar o loop nem o player. if(play !== false) // Verificando se o loop pode ocorrer { video.currentTime = tempI; // Inserindo o tempo inicial no video play = video.play(); // Quardando o retorno da função play() if(play !== null){ // Verificando se o retorno foi null da função play() play.catch(()=>{video.play()}) // Forçando o play } setTimeout(function()// Chamando a função novamente de acordo com o tempo do loop { loopVideo(tempI, tempF, tempL); // Chamando a função e repasando os valores tempo inicio, tempo final, tempo de loop video.pause(); // Pausando o video }, tempL); // Inserindo o tempo de loop } } </script>

@guhbrj Quado especificando a URI de um elemento <audio> ou <video>, você pode incluir opcionalmente informações adicionais para especificar a parte da mídia a ser reproduzida. Para fazer isso, use uma hashtag("#") seguida pela descrição do fragmento da mídia. O intervalo é especificado usando a sintaxe: #t=[tempoinicial],[tempofinal] Exemplo: <video id="vid" source src="videos/arte.mp4#t=0,35" autoplay loop muted> </video> Só será reproduzido do 0 ate os 35 segundos de vídeo.

@devprogramador Bom o problema está no seu botão(button), você está adicionando um evento de click nele porém, ele é um botão(button) tipo(type) enviar(submit) ele vai executar o evento de submit do form. Para impedir o evento você tentou usar o preventDefault() porém, o evento é do form e não do botão(button), em vez de adicionar o evento de click no botão você pode adicionar o evento de submit no form. Exemplo: <form id="fromid" method="POST"><!-- Eu coloquei um id no form --> <label>Nome</label> <input type="text" class="form-control" name="name" id="name" placeholder="Nome"> <label>E-mail</label> <input type="email" class="form-control" name="email" id="email" placeholder="E-mail"> <label>Telefone/Celular</label> <input type="tel" class="form-control" name="phone" id="phone" placeholder="Telefone/Celular"> <input type="hidden" value="Colorimetria" name="course" id="course"> <input type="hidden" value="" name="module" id="module"> <button type="submit" class="waves-effect waves-light cta btn-large btn-solicitar-modal pulse-hover">Solicitar curso</button> </form> <script type="text/javascript"> window.addEventListener('DOMContentLoaded', () => { var regexCharactere = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/; var regexEmail = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/; var regexTel = /(?:^\([0]?[1-9]{2}\)|^[0]?[1-9]{2}[\.-\s]?)[9]?[1-9]\d{3}[\.-\s]?\d{4}$/; var name = document.getElementById('name'); var email = document.getElementById('email'); var phone = document.getElementById('phone'); var formulario = document.getElementById('fromid'); // Aqui eu seleciono o form, em vez do botão. formulario.addEventListener('submit', (e) => { // Aqui eu adicionao o evento de submit no form. if(!regexCharactere.test(name.value) || name.value == "" || name.value == undefined || name.value == null) { alert("Nome não reconhecido"); name.focus(); e.preventDefault(); } if(!regexEmail.test(email.value) || email.value == "" || email.value == undefined || name.value == null) { alert("E-mail inválido"); email.focus(); e.preventDefault(); } if(!regexTel.test(phone.value) || phone.value == "" || phone.value == undefined || phone.value == null) { alert("Insira um telefone correto\n(DDD) + num do telefone"); phone.focus(); e.preventDefault(); } }); }); </script> Recomendo você a trabalhar melhor no seu formulário, existe maneiras melhores de selecionar os elementos dentro de um form, e maneiras melhores e mais simples de filtra uma string

Você está atribuindo o valor sem verificar se ele realmente foi inserido na super global $_POST Quando se utiliza a variável super global $_POST, se espera uma requisição utilizando o método POST, é recomendado utilizar uma condicional para verificar se houve essa requisição. Caso você queira verificar se ocorreu uma requisição utilizando o método POST, você deve verificar o cabeçalho da requisição utilizando a super global $_SERVER. $_SERVER é uma variável super global do PHP que contém informações sobre cabeçalhos, caminhos e localizações de scripts. if ($_SERVER["REQUEST_METHOD"] == "POST") { // Seu código vai aqui dentro } O elemento "REQUEST_METHOD" da super global $_SERVER retorna o método de solicitação usado para acessar a página (como POST ou GET). Depois de verificar o método, você deve verificar se cada valor foi inserido devidamente na super global $_POST. if(isset($_POST['caixa1']) and !empty($_POST['caixa1'])){ // Caso ele tenha sido inserido e não esteja com o valor em branco, você pode fazer a atribuição $caixa1 = $_POST['caixa1']; } Um exemplo de como ficaria sua página <?php if ($_SERVER["REQUEST_METHOD"] == "POST") { require("CalcPreco-class.php"); $cp = new CalcPreco(); $preco = 0; $caixa1 = $caixa2 = $caixa3 = $caixa4 = 0; // Definindo o valor default 0 if(isset($_POST['caixa1']) and !empty($_POST['caixa1'])) { // Caso ele tenha sido inserido e não esteja com o valor em branco, você pode fazer a atribuição $caixa1 = $_POST["caixa1"]; } if(isset($_POST['caixa2']) and !empty($_POST['caixa1'])) { $caixa2 = $_POST["caixa2"]; } if(isset($_POST['caixa3']) and !empty($_POST['caixa1'])) { $caixa3 = $_POST["caixa3"]; } if(isset($_POST['caixa4']) and !empty($_POST['caixa1'])) { $caixa4 = $_POST["caixa4"]; } $preco = $cp->calculaPreco($caixa1, $caixa2, $caixa3, $caixa4); } ?> Caso você ainda tenha duvidas, você pode ler esses tutoriais. https://www.w3schools.com/php7/php7_forms.asp https://www.w3schools.com/php7/php7_superglobals.asp

Bom depois que você inseriu o empréstimo do livro na tabela empréstimos você deve atualizar as condições do livro O problema é que você colocou a condição do livro na tabela erada. No meu primeiro exemplo eu tenho na tabela livro um valor chamado emprestado, com esse valor eu verifico se ele esta disponível ou não. SELECT * FROM `livro` WHERE `emprestado` = 0 Com essa consulta acima eu retorno somente os livros disponíveis. No meu exemplo quando alguém retira um livro esse valor e atualizado para 1 UPDATE `livro` SET `emprestado` = '1' WHERE `id` = id do livro Assim na consulta acima eu só retorno os livro que o valor emprestado é 0. E quando o livro é devolvido eu modifico esse valor para 0. UPDATE `livro` SET `emprestado` = '0' WHERE `id` = id do livro Assim eu disponibilizo o livro para ser emprestado novamente. A tabela "emprestimos" só deve funcionar com um registro de saída. Da maneira que você colocou o sistema teria que pegar todos os livro depois fazer uma consulta para cada livro e verificar as condições dele.

Quando você escreveu a consulta você fez a solicitação usando o mysqli_query($con, $query)? Caso você tenha feito isso usando o exemplo meu acima, utilize a função "mysqli_error($con)" para verificar o possível erro. $query = "INSERT INTO `emprestimos` (`id`, `liv_emprestados`, `id_user`, `data`) VALUES (NULL, "liv_emprestados", "id do usuario", CURRENT_TIMESTAMP)"; if (mysqli_query($con, $query)) { echo "A solicitação foi efetuado com exito pelo mysql"; } else { echo "Ocorreu um erro na solicitação: ".$query."<br>".mysqli_error($con); }

@Rafajeck Bom tem três erros bobos, o problema é que você está escrevendo a solicitação sql porém, você não pede para o sql executar o query. $con = mysqli_connect("localhost", "root", "","systembook"); $db = mysqli_select_db($con,"systembook"); $query = "INSERT INTO emprestimos id VALUES (SELECT liv_id FROM livro)"; // isso vai dar erro mysqli_query($con, $query); // isso vai fazer a consulta ao bando de dados $query = "UPDATE livro SET liv_titulo WHERE liv_id = 1"; // isso também mysqli_query($con, $query); // isso vai fazer a consulta ao bando de dados O primeiro query e o segundo não vão funcionar, você não está passando uma solicitação valida. Isso não vai funcionar INSERT INTO emprestimos id VALUES (SELECT liv_id FROM livro) Isso vai INSERT INTO `emprestimos` (`id`, `liv_emprestados`, `id_user`, `data`) VALUES (NULL, "liv_emprestados", "id do usuario", CURRENT_TIMESTAMP) E melhor você estudar mais um pouco sobre as consuntas ao sql via php. Esse é o melhor site para aprender sobre php, sql que eu conheço. https://www.w3schools.com

@Rafajeck Cara não existe maneira mais certa e sim maneira mais funcional. Se você quer algo simples eu recomento você a usar um elemento a(Link) passando a id do livro que você quer retirara no link utilizando o método GET. Caso você ainda tenha duvida pode pergunta de boa.

Bom tem uma virgula a mais no segundo print, e no final do print tem um caracteres especiais invisível. Recomento você a utilizar o método format(), e também a atribuir um tipo aos valores. Exemplo: x = str(input("Digite seu nome: ")) y = int(input("Digite sua idade: ")) z = float(input("Digite sua altura: ")) t = float(input("Digite seu peso: ")) k = str(input("Digite sua nacionalidade: ")) print("Prazer em te conhecer {0}".format(x)) print("Seus dados são nome: {0} idade: {1} altura: {2} peso: {3} nacionalidade: {4}".format(x, y, z, t, k))

Cara ainda não entendi o seu problema porém, eu acho que isso pode te ajudar; Fiz algumas mudação no seu SQL para criar tabelas CREATE TABLE `livro` ( `id` INT NOT NULL AUTO_INCREMENT PRIMARY KEY, `emprestado` TINYINT(1) NOT NULL DEFAULT '0', `liv_titulo` VARCHAR(40), `liv_autor` VARCHAR(40), `liv_isbn10` VARCHAR(40), `liv_isbn13` VARCHAR(40), `liv_preco` INT ); CREATE TABLE `emprestimos` ( `id` INT NOT NULL AUTO_INCREMENT PRIMARY KEY, `liv_emprestados` INT), `id_user` INT, `data` TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP ); Depois eu criei uma página com o básico para manipular os livro de acordo com o que queria manipular. <?php $dadosConnect = array( "HOST"=>"localhost", // Local onde está o host do mysql "USER"=>"root", // Usuario de acesso ao mysql "PASS"=>"vertrigo", // Senha do usuario de acesso "DB"=>"systembook" // Nome do bando de dados onde está as tabelas do projeto ); $con = mysqli_connect($dadosConnect["HOST"], $dadosConnect["USER"], $dadosConnect["PASS"]); // Criando uma conexão com o banco de dados $db = mysqli_select_db($con, $dadosConnect["DB"]); // Selecionado o banco de dados $msg = null; // variaval de msg definida como null if(!$con and !$db){ // Verificando se a conexão foi bem sucedida die("Connection failed: " . mysqli_connect_error()); } if($_SERVER['REQUEST_METHOD']=='POST'){ // Verificar se ocorreu uma requisição utilizando o método POST if(isset($_POST['action']) and !empty($_POST['action'])){ // Verificando se o pareamento de action foi incerido switch ($_POST['action']) { // COndicionamento de acordo com o pareamento action case 'emprestar': // Pareamento emprestar $query = "SELECT * FROM `livro` WHERE id = '".$_POST['id']."' LIMIT 1"; // Solicitação sql $result = mysqli_query($con, $query); // Execuntando a solicitação e salvando na variável if(mysqli_num_rows($result) > 0){ // Verificando se a solicitação retorno algum valor $query = "INSERT INTO `emprestimos` (`id`, `liv_emprestados`, `id_user`, `data`) VALUES (NULL, ".$_POST['id'].", ".$_POST['userID'].", CURRENT_TIMESTAMP)"; // Solicitação if(mysqli_query($con, $query)){ // Execuntando a solicitação e verificando se a solicitação retorna algum valor $query = "UPDATE `livro` SET `emprestado` = '1' WHERE `id` = ".$_POST['id']; // Solicitação sql mysqli_query($con, $query); // Execuntando a solicitação e salvando na variável $msg = ("O livro de id: ".$_POST['id']." foi emprestado para o usuario de id: ".$_POST['userID']." com sucesso."); // retornar uma msg ao usuario se sucesso }else{ $msg = ("Error: <br>".mysqli_error($con)); // retorna uma messagem de erro para o ususario caso haja algum problema } }else{ $msg = ("O livro com o id".$_POST['id']." não foi encontrado."); // Retorna uma messagem para o usuario caso o livro não seja encontrado } break; case 'entregar': // Pareamento entregar $query = "SELECT * FROM `emprestimos` WHERE `liv_emprestados` = '".$_POST['id']."' LIMIT 1"; // Solicitação sql $result = mysqli_query($con, $query); // Execuntando a solicitação e salvando na variável if(mysqli_num_rows($result) > 0){ // Execuntando a solicitação e verificando se a solicitação retorna algum valor $query = "DELETE FROM `emprestimos` WHERE `liv_emprestados` = ".$_POST['id']; // Solicitação sql mysqli_query($con, $query); // Execuntando a solicitação $query = "UPDATE `livro` SET `emprestado` = '0' WHERE `id` = ".$_POST['id']; // Solicitação sql mysqli_query($con, $query); // Execuntando a solicitação $msg = ("O livro de id:".$_POST['id']."Foi devolvido");// retornar uma msg ao usuario se sucesso }else{ $msg = ("O livro com o id".$_POST['id']." não foi enprestado."); // retorna uma messagem de erro para o ususario caso o id do livro não seja encontrado } break; default: $msg = ("Ação invalida!"); // Retorna uma messagem para o usuario caso o pareamento não seja encontrado no condicionamento die(); } } } ?> <!DOCTYPE html> <html> <head> <title>Livros</title> </head> <body> <div style="width: 900px; margin: 0 auto;"> <br> <?php if($msg != null){ echo("<h4>".$msg."</h4><hr>"); } $query = "SELECT * FROM `livro` WHERE `emprestado` = 0"; $result = mysqli_query($con, $query); if(mysqli_num_rows($result) > 0){ echo("<h4>Livros disponiveis</h4>"); while($row = mysqli_fetch_assoc($result)){ echo("<p>"); echo("<span><b>ID: </b></span>".$row["id"]." <span><b>Titulo: </b></span> ".$row["liv_titulo"]." - "); echo("</p>"); } $query = "SELECT * FROM `livro` WHERE `emprestado` = 0 "; $result = mysqli_query($con, $query); ?> <hr> <h4>Formulário para emprestar um livro</h4> <form action="/" method="POST"> <input type="hidden" name="action" value="emprestar"> <label>ID do livro</label><br> <select name="id" style="width: 80px;"> <?php while($row = mysqli_fetch_assoc($result)){ echo('<option value="'.$row["id"].'">'.$row["id"].'</option>'); } ?> </select><br><br> <label>ID do Usuario que você vai emprestar</label><br> <input type="text" name="userID"> <br><br> <input type="submit" value="Emprestar"> </form> <br><hr> <?php }else{ echo("Nenhum livro disponivel."); } $query = "SELECT * FROM `emprestimos`"; $result = mysqli_query($con, $query); if(mysqli_num_rows($result) > 0){ echo("<h4>Livros emprestados</h4>"); while($row = mysqli_fetch_assoc($result)){ echo("<p><span><b>ID: </b></span>".$row["liv_emprestados"]." <span><b>ID do usuario: </b></span> ".$row["id_user"]."</p>"); } ?> <hr> <h4>Formulário para entragar um livro</h4> <form action="/" method="POST"> <input type="hidden" name="action" value="entregar"> <label>ID do livro</label><br> <select name="id" style="width: 80px;"> <?php $query = "SELECT * FROM `emprestimos`"; $result = mysqli_query($con, $query); while($row = mysqli_fetch_assoc($result)){ echo('<option value="'.$row["liv_emprestados"].'">'.$row["liv_emprestados"].'</option>'); } ?> </select><br><br> <input type="submit" value="Entregar"> </form> <br><hr> <?php }else{ echo("Nenhum livro foi emprestado"); } ?> </div> </body> </html>

Olha eu não consegui entender seu código ele está muito bagunçado porém, se você quer um código de sorteio para estudo isso pode te ajudar. <?php $valores = []; // Array com os valores sorteados $Min = 0; // Valor minimo possível no sorteio $Max = mt_getrandmax(); // Valor maximo possível no sorteio. a função getrandmax() retorna o maior valor que pode ser gerado em uma chamada a função mt_rand(). $numero = 10; // Quantidade de numeros a serem sorteado e salvo no array for($num = 0; $num < $numero; $num++){ // A função mt_rand() é um gerador melhorado de números aleatórios. array_push($valores, mt_rand($Min,$Max)); } var_dump($valores); // Mostrando os valores sorteados ?>

É bem simples, quando você utilizar a função draggable(), você deve especificar o containment, ou no caso a sua div principal. Exemplo: $(div inserida com o append).draggable({ containment: "div principal" }); Em containment você pode colocar o id("#id") ou a class(".class") ou você pode utilizar o "parent". Exemplo: $("#draggable").draggable({ containment: "parent" });

Olha isso não vai funcionar, e se isso funciona em algum site com o Wordpress significa que houve uma modificação dos arquivo de arquitetura do Wordpress. O WordPress é baseado em uma arquitetura orientada a eventos. Isso significa internamente que o núcleo do WordPress é preenchido com várias ações e filtros para modificar a execução do programa ou para alterar o conteúdo durante o tempo de execução. A requisição "POST" do formulário está tentando passar pela arquitetura do Wordpress e enviando a solicitação para o arquivo dentro do tema do Wordpress, e isso pode até funcionar porém, não recomendo e não é recorreto. A requisição deve ser enviada para o arquivo "admin-post" Esse arquivo vai manipular o pedido e enviar ele para uma ação pre-definida Exemplo utilizando o método POST Dentro do form você deve especificar o valor da action(ação) <form action="<?php echo esc_url(admin_url('admin-post.php') ); ?>" method="post"> <input type="hidden" name="action" value="enviar_email"> </form> Exemplo utilizando o método GET <a href="<?php echo esc_url(admin_url('admin-post.php') ); ?>?action=ação">Requisição utilizando o método GET</a> Corrigindo o action do form e adicionando o action(ação pre-definida) você deve registra a ação pre-definida no arquivo de Functions do tema. add_action('admin_post_{nome da ação pre-definida}', 'nome da função callback' ); // Caso seu sistema queira alterna a function callback, caso tenha um usuario logado. add_action('admin_post_nopriv_{nome da ação pre-definida}', 'nome da função callback' ); // Caso não haja um usuario conectado function nome da função callback() { status_header(200); var_dump($_POST); die(); } Registrando a action(ação pre-definida) e definindo uma Callback Function, você pode trabalhar e manipular a requisição do Formulário na Callback function. Dentro da Callback function você pode inserir o código de envio de email. Você também pode usar algum plugin para facilitar o seu trabalho. Você também pode usar o WordPress internal AJAX API. Aqui tem um artigo falando sobre : https://www.sitepoint.com/handling-post-requests-the-wordpress-way/

Cara dá uma olha nos cursos da W3Shools, se você gosta de Desenvolvimento web você vai adorar o site.

Eu ainda não revisei o código todo porém, eu acho que o erro está na página restrita na linha 4 é 5. você errou na nomenclatura da Superglobals $_SESSION. Seu exemplo: @$log = $_session['login_user']; @$pass = $_session['senha_user']; O correto é @$log = $_SESSION['login_user']; @$pass = $_SESSION['senha_user']; Bom tirando isso seus código tem muitas brechas e falhas operacionais. Não recomendo você fazer essa consultar no sql para retornar todos os valores, faça a verificação do login e da senha na consulta do sql. Não recomendo você utilizar o "include" para recuperar os dados, métodos e class de algo que você realmente vai precisar para sua aplicação funcionar, recomendo a utilização do "require" e "require_once".

Bom existe muitas maneira de criar um sistema que altere o tema do site. Acabei de criar um pequeno script em JS(javascript) com a Biblioteca Jquery para alterar as classes dos elementos assim alterando a Cor de texto e o Background dos elementos. <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <title>Portal - Dehill</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"> <style> /* Class com o tema Light */ .classLight{ background: #ffffff; color: #000000; transition: 0.4s; } /* Class com o tema Dark */ .classDark{ background: #000000; color: #ffffff; transition: 0.4s; } /* Class para ajustar o botão no canto superior direito */ .interruptor{ position: fixed; /* Posição fixa */ top: 20px; /* Posição fixa a 20 px do top da página */ right: 20px; /* Posição fixa a 20 px da direita da página */ font-size: 24px; /* Tamanho da fonte do botão */ text-decoration: none; /* Como o botão é um elemento do tipo "a" é melhor remover o sublinhamento dele*/ color: #3CC6E8; /* Cor inicial do botão*/ } </style> </head> <body class="classLight"> <!-- Botão --> <a href="javascript:void(0)" class="interruptor"> <i class="faz fa-moon"></i> </a> <!-- /Botão --> <!-- Codigo javascript utilizando a Biblioteca Jquery --> <script type="text/javascript"> var tema = false // Variável que determina se o tema está ativo ou não $(function(){ $(".interruptor").on("click", function(){ tema = (tema == true)? false : true // Alterando a variável tema para ativo ou não if(tema == true){ // Condição para determinar a troca de tema $(".interruptor").html('<i class="far fa-sun"></i>') // Alterando o icone no botão $(".interruptor").css("color", "#FFC47D") // Alterando a cor do botão $(".classLight").toggleClass("classDark classLight") // Selecinado todos os elemento com a class "classLight", removendo a class "classLight" e adicionado a class "classDark" }else{ $(".interruptor").html('<i class="faz fa-moon"></i>') // Alterando o icone no botão $(".interruptor").css("color", "#3CC6E8") // Alterando a cor do botão $(".classDark").toggleClass("classDark classLight") // Selecinado todos os elemento com a class "classDark", removendo a class "classDark" e adicionado a class "classLigh" } }) }) </script> <!-- /Codigo javascript utilizando a Biblioteca Jquery --> </body> </html> Bom para manipular o código JS é necessário o básico de conhecimento em Jquery, Eu tentei comentar para facilitar o código para você. E para ter um ícone da lua e do sol que você pediu eu utilizei uma Biblioteca de ícones chamada de Fontawesome.

O erro se encontra na instrução condicional (if) na linha 9. if($_POST == NULL){ Você especifico que a condição necessária para inserir os dados seja a variável $_POST retornar o valor null(nulo) porém, quando nós fazemos uma requisição post, os valores do formulário são salvos na variável $_POST. O correto nessa condicional, seria você verificar se uma requisição utilizando o método post foi feita. if($_SERVER["REQUEST_METHOD"] == "POST" and isset($_POST)){