HomeLập trìnhJavaScriptKhông thể chuyển...

Không thể chuyển giá trị đầu vào vào biến javascript – JavaScript


Chào mọi người,

Tôi đã bị mắc kẹt trong một ngày trên kịch bản này. Tôi đang cố gắng chuyển một giá trị đầu vào vào một biến, nhưng vì lý do nào đó, mã của tôi không hoạt động. Tôi đã thấy giải pháp khác trực tuyến để chuyển giá trị vào một biến, nhưng tôi muốn hiểu tại sao những gì tôi đang viết không hoạt động.

Cảm ơn sự giúp đỡ của bạn!

HTML:

<input id = "search" placeholder="Search for..."></input>
<button value="send" id = "submit" onclick="myFunction()">Search</button>

<div class = "alpha"></div>

JAVASCRIPT:

function myFunction() {
var test = document.getElementById("search").value;
}

console.log(test);

Nếu tôi đã viết một jquery trong hàm như thế này:

$(‘.alpha’).html(document.getElementById(“search”).value);

nó sẽ hoạt động. Nhưng tôi vẫn không thể gán nó cho một biến!

Cảm ơn sự giúp đỡ của bạn!


Sẽ dễ dàng hơn để được trợ giúp nếu bạn có thể đăng toàn bộ dự án của mình, kho lưu trữ của bạn hoặc Codepen.

Mã vanilla JS của bạn hoạt động tốt, nhưng bạn không thấy giá trị vì console.log không chạy trong cùng ngữ cảnh với biến text, và tại một thời điểm hoàn toàn khác. Bạn cần đặt nó vào myFunction để thấy giá trị của bạn:

function myFunction() {
  var test = document.getElementById("search").value;
  console.log(test)
}



1 lượt thích

Chúa tôi! Cảm ơn bạn! Nó chỉ cần nằm trong hàm… Nhưng làm cách nào tôi có thể truy cập biến bên ngoài hàm? Tất cả các mã sẽ xảy ra trong chức năng này ngay bây giờ?

Tôi đang làm việc trên một trình xem Wikipedia, nhưng trước tiên tôi muốn xem cách tôi có thể lưu giá trị đầu vào vào một biến để sau đó sử dụng giá trị đó với API.

Đọc thêm  Hướng dẫn thử thách freeCodeCamp: Tìm phần còn lại trong JavaScript - Hướng dẫn

Cảm ơn một lần nữa vì sự giúp đỡ của bạn!

Nếu mã của bạn đang ghi và phụ thuộc vào các biến bên ngoài các chức năng thực hiện công việc nặng nhọc của bạn, thì bạn đang ở trong một thế giới bị tổn thương. Bạn hoàn toàn nên thực hiện lệnh gọi AJAX trong trình xử lý nhấp chuột của nút. Tôi nói gần như không có hồi kết về chủ đề này trong một bài viết khác (những điều hay ho bắt đầu ở phần thứ hai).

Đọc thêm  So sánh ngày trong JavaScript – Cách so sánh ngày trong JS

cảm ơn vì tiền hỗ trợ :nháy mắt: nó có thể sẽ cứu tôi khỏi những cơn đau đầu như ngày hôm qua! ha ha

Cảm ơn. chỉ bị mắc kẹt ở đây. Tôi cũng thấy có một điều tôi vẫn chưa hiểu. Tại sao h1 trong đoạn mã sau có thể được xuất ra? Lý do cuối cùng mà giá trị đầu vào không thể được lấy từ bên ngoài chức năng là gì?

const button = document.getElementById("button");
const comment = document.getElementById("input");
const c = document.getElementById("input").value;
const h1 = document.querySelector("h1").innerHTML;

button.addEventListener("click", submitComment);

function submitComment() {
  console.log(comment.value);
  console.log(c);  // nothing
  console.log("hello");
  console.log(h1);
};

<!DOCTYPE html>
<html>
<head>
	<title>multiple parameters function javascript</title>
</head>
<body>
	<h2 id="result"></h2><h3 id="ageshow"></h3>
	<button onclick="myfunctionName('John', 20)">Click</button>

<script type="text/javascript">
	
	function myfunctionName( name,age ){

		document.getElementById("result").innerHTML += name;
		document.getElementById("ageshow").innerHTML += age;
	}

</script>

</body>
</html>

nhiều cú pháp và ví dụ hơn có thể thấy trong ví dụ phổ biến nhất này là Cách truyền tham số trong hàm JavaScript từ Html



Zik.vn – Biên dịch & Biên soạn Lại

spot_img

Create a website from scratch

Just drag and drop elements in a page to get started with Newspaper Theme.

Buy Now ⟶

Bài viết liên quang

DMCA.com Protection Status