gpt4 book ai didi

javascript - html、javascript、php 和 MySQL 的问题

转载 作者:行者123 更新时间:2023-11-29 06:11:45 25 4
gpt4 key购买 nike

我的数据库中有 2 行信息,因此我的代码创建将创建两次 positivoNegativo.png 和两次创建数字 10。当我点击 FIRST positivoNegativo.png 时,我的数字 FIRST 10 递增(正如我想要的那样)。现在我的问题是,当我点击第二个 positivoNegativo.png 时,第一个数字再次递增!我只是无法通过单击第二个 positivoNegativo.png

来增加第二个数字
<html>  
<body>

<?php
include_once("./classe/conexao.php");
$busca = $pdo->prepare("select * from anuncios");
$busca->execute();
$linha = $busca->fetchAll(PDO::FETCH_OBJ);
$classe = 0;
foreach ($linha as $lista) {
echo "<p class='demo'>10</p>";
echo "<img src='imagens/positivoNegativo.png'usemap='#mapa'>";
echo "<map name='mapa'>";
echo "<area shape='rect' coords='1,1,73,59' onclick='aumenta($classe)'>";
echo "</map>";
echo "<span>$lista->titulo</span>";
$classe++;
}
?>
<script>
function aumenta(classe) {
var numero = document.getElementsByClassName('demo')[classe].innerHTML;
numero++;
document.getElementsByClassName('demo')[classe].innerHTML = numero;
}
</script>;
</body>

最佳答案

您需要为每个图像使用不同的 map 。

foreach ($linha as $lista) {
echo "<p class='demo'>10</p>";
echo "<img src='imagens/positivoNegativo.png'usemap='#mapa$classe'>";
echo "<map name='mapa$classe'>";
echo "<area shape='rect' coords='1,1,73,59' onclick='aumenta($classe)'>";
echo "</map>";
echo "<span>$lista->titulo</span>";
$classe++;
}

关于javascript - html、javascript、php 和 MySQL 的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37875648/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com